imovator
Posts: 6
Joined: Mon Jul 04, 2022 1:21 am

'Map with overlaid pie charts'의 series on point issue?

hello.
Again, I need help, so I asked this question on the forum.
Among the maps in the demo, I have a question about 'Map with overlaid pie charts'.
https://www.highcharts.com/demo/maps/map-pies

Looking at the source, I am implementing it with vue 2.6 version, but the pie chart doesn't seem to take the coordinates properly. (It's a guess.)
I found that there was an issue related to series-on-point, and it has been fixed recently.
I'm worried because the result doesn't come out exactly like the demo.

import seriesOnPoint from 'highcharts/modules/series-on-point'
because this method doesn't work
import seriesOnPoint from '@/utils/series-on-point.js'
The file you provided worked like this

The picture is drawn, but the result is different when it is implemented in local and when it is implemented in codesandbox.
And the results are different from the demo version.
I want to implement the same, but I can't figure it out.

The result screen from local is attached and the code is as follows.
Please let me know what is the problem.



https://codesandbox.io/s/highchart-map- ... js:307-361
20220708_mappie.png
20220708_mappie.png (175.89 KiB) Viewed 836 times
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: 'Map with overlaid pie charts'의 series on point issue?

Hello imovator!
Thanks for contacting us with your question!

It is hard to tell you what is not working and what could be done, because as you said everything is working properly in the online editor. Are you sure, that you are using the latest release of Highcharts, which is v10.2.0 (Highcharts v10.2.0 (2022-07-05)) in your local project?

I am looking for your response.
Kind regards!
Hubert Kozik
Highcharts Developer
imovator
Posts: 6
Joined: Mon Jul 04, 2022 1:21 am

Re: 'Map with overlaid pie charts'의 series on point issue?

thank you
Your advice was right.
The Highcharts version of my local project is v10.1.0, so it didn't come out well.
I changed it to v10.2.0, but it came out fine.

I have additional questions.
The chart appears, but an error occurs in the numberFormat function being used in the tooltip.
I know it's a built-in function, but I don't know why the error occurs.
For reference, when displaying only data, it comes out without errors.
Could you take a look at my code?

https://codesandbox.io/s/highchart-map- ... :8389-8401
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: 'Map with overlaid pie charts'의 series on point issue?

imovator,
I am assuming, that you want to imitate the official demo Map with overlaid pie charts in Vue.js so you want to use Highcharts.numberFormat function, here is the demo with your code: https://codesandbox.io/s/highchart-map- ... ked-5sdnj3 If you want to use chart.numberFormatter method you should call it on the chart object (https://api.highcharts.com/highcharts/c ... rFormatter).

Let me know if that was what you were looking for.
Best regards!
Hubert Kozik
Highcharts Developer
imovator
Posts: 6
Joined: Mon Jul 04, 2022 1:21 am

Re: 'Map with overlaid pie charts'의 series on point issue?

As you advised, if I use the chart object to express the function, it works.
Thanks to this, the Javascript demo version of Vue.js was completed.
thank you
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: 'Map with overlaid pie charts'의 series on point issue?

You're welcome! In case of any further questions, feel free to contact us again.
Hubert Kozik
Highcharts Developer

Return to “Highcharts Maps”