itchamp
Posts: 15
Joined: Fri May 12, 2023 12:47 am

Categorized map - How to render category summary in the map

Hi,

I am writing a categorized map (using json - the json was generated from SVG by using the tool - https://highcharts.github.io/map-from-svg/). I need to show the summary of each category on the map as shown in the attached image.

The sample fiddler is - https://jsfiddle.net/wq5jg40k/4/

Can you please guide me on how can I render the summary of each category? I thought of using annotation but I could not find out how can I use annotation here. OR any other approach to render the summary?
Attachments
Screenshot 2023-05-23 at 5.45.34 PM.png
Screenshot 2023-05-23 at 5.45.34 PM.png (184.34 KiB) Viewed 494 times
itchamp
Posts: 15
Joined: Fri May 12, 2023 12:47 am

Re: Categorized map - How to render category summary in the map

Hi,

I was able to use renderer API to render the summary. I referred to this article https://support.highcharts.com/support/ ... -renderer-.

To style it, I used

Code: Select all

chart.renderer.text()
and passed true in the last parameter to style it as HTML.
jakub.s
Posts: 1166
Joined: Fri Dec 16, 2022 11:45 am

Re: Categorized map - How to render category summary in the map

Hi,

I'm glad you figured it out! Using our SVG renderer is definitely a good way to go.

Do not hesitate to ask if any more questions arise.

Best regards!
Jakub
Highcharts Developer

Return to “Highcharts Maps”