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

World map with overlaid pie charts

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.
User avatar
dawid.d
Posts: 750
Joined: Thu Oct 06, 2022 11:31 am

Re: World map with overlaid pie charts

Hello,

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:
https://www.highcharts.com/demo/maps/all-maps

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!
Dawid Draguła
Highcharts Developer
harrison.silva
Posts: 1
Joined: Thu Jul 06, 2023 7:38 pm

Re: World map with overlaid pie charts

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?
jakub.j
Posts: 1080
Joined: Tue Jan 24, 2023 11:14 am

Re: World map with overlaid pie charts

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!
Jakub
Jakub
Highcharts Developer

Return to “Highcharts Maps”