Posts: 1
Joined: Tue Mar 07, 2023 7:15 pm

World map with overlaid pie charts

Tue Mar 07, 2023 7:28 pm

I need to create a world map with pie chart markers in which I need to show success/failure numbers.

The map in the example is created for the States, what data set should I use to change that to world?
Can I pass a string of kind "city, country" or only coordinates can be accepted (lat, lon) - currently we are not getting coordinates for all locations from our API.

Posts: 707
Joined: Thu Oct 06, 2022 11:31 am

Re: World map with overlaid pie charts

Thu Mar 09, 2023 10:52 am


Welcome to our forum and thanks for contacting us with your question!

In the link below you will find an overview of demo maps provided by us:

In the demo below I present how to make a world map with pie charts on countries:
Demo: https://jsfiddle.net/BlackLabel/qyn42jbu/

​If you have further inquiries, you may reach out to me at any time.
Best regards!

Posts: 1
Joined: Thu Jul 06, 2023 7:38 pm

Re: World map with overlaid pie charts

Thu Jul 06, 2023 7:41 pm

Hello, I'm trying to implement this chart in a Vue component using Vue 3. However, the pies are not being positioned correctly; instead, they are centered on the map. What could be happening?

Posts: 885
Joined: Tue Jan 24, 2023 11:14 am

Re: World map with overlaid pie charts

Fri Jul 07, 2023 6:45 am

Thanks for contacting us with your question!

It is hard to tell you what is not working and what could be done without taking a look at your code.
Could you reproduce the issue in an online editor that I could work on?

Below, i'm sending you a codesandbox demo of highcharts maps initialized in vue, you can use that one as a base for your demo.
Demo: https://codesandbox.io/s/highcharts-vue ... ked-zrrxm3

Best regards!
Highcharts Developer

Return to “Highcharts Maps”