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

Highcharts Maps - Drilldown not working in categorized areas in map

Fri May 12, 2023 1:02 am

I am working on the DrillDown feature in HighChart Map - USA map.

Drilldown works fine if I do not categorize the map (working example - https://jsfiddle.net/gh/get/library/pur ... -drilldown).

In the jsfiddle, it could be seen that on clicking on "CA", the USA map goes away, and the "CA" map is visible. On clicking on "USA" in breadcrumbs, the USA map is visible. This is the expected behavior.

Code: Select all

const data = Highcharts.geojson(topology);
data.forEach((d, i) => {
    d.drilldown = d.properties['hc-key'];
    d.value = i; // Non-random bogus data
});
series: [{
            data,
            name: 'USA',
            dataLabels: {
                enabled: true,
                format: '{point.properties.postal-code}'
            },
            custom: {
                mapView
            }
}],

Here I am passing only one object inside series array.

Drilldown does not work when I use categorize feature of HighCharts map - USA map. This is not working in the categorized map (https://www.highcharts.com/demo/maps/category-map) jsfiddle - https://jsfiddle.net/mngy03uq/. In the jsfiddle, it could be seen that on clicking on "CA", CA map is visible for a fraction of a second and it disappears and the USA map is visible. After this, breadcrumbs also do not work. I expect to work it similarly to what is seen in the working example.

In the non-working example, I am specifying multiple objects in series array

Looking for guidance to fix the issue.

jakub.s
Posts: 984
Joined: Fri Dec 16, 2022 11:45 am

Re: Highcharts Maps - Drilldown not working in categorized areas in map

Fri May 12, 2023 9:54 am

Hi,

Welcome to our forum & thanks for the question!

I believe it's a regression since v11. Here's a demo of drilldown working with HC10: https://jsfiddle.net/BlackLabel/9fcqow3g/

I think it's related to this issues:
- https://github.com/highcharts/highcharts/issues/18925 which has now been completed so I think that with the next deploy everything should work well
- https://github.com/highcharts/highcharts/issues/18961 which has not yet been completed so you can track its progress

Let me know if that helps.

Best regards!
Jakub
Highcharts Developer

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

Re: Highcharts Maps - Drilldown not working in categorized areas in map

Fri May 12, 2023 8:04 pm

After downgrading HC to V10, I could see the expected drill-down behavior in the categorized map.

Thanks for the guidance!

Hopefully, the regression is fixed in V11 soon.

jakub.s
Posts: 984
Joined: Fri Dec 16, 2022 11:45 am

Re: Highcharts Maps - Drilldown not working in categorized areas in map

Mon May 15, 2023 8:05 am

I'm glad it helped:)

I think it will be solved within the next release (1-3 weeks), but you can always use the code from github.highcharts.com/highcharts.js to have the current code from our master branch on GitHub so you'll be able to use the code right after these issues are merged.

Best regards!
Jakub
Highcharts Developer

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

Re: Highcharts Maps - Drilldown not working in categorized areas in map

Mon May 15, 2023 3:55 pm

Thanks for the note! I will keep an eye on the issue and get the latest code once the issue is fixed.

jakub.s
Posts: 984
Joined: Fri Dec 16, 2022 11:45 am

Re: Highcharts Maps - Drilldown not working in categorized areas in map

Tue May 16, 2023 7:42 am

Great!

Do not hesitate to ask here in case you have any more questions.

Kind regards!
Jakub
Highcharts Developer

User avatar
Austin38
Posts: 2
Joined: Tue May 16, 2023 3:48 pm
Location: United States
Contact: Website

Re: Highcharts Maps - Drilldown not working in categorized areas in map

Tue May 16, 2023 3:52 pm

The non-functional drilldown feature in categorized map areas is frustrating for users. It hampers their ability to explore specific details and navigate deeper into the data. Fixing this issue is crucial to provide a seamless user experience, enabling efficient exploration and analysis of information within the categorized map sections.

jakub.s
Posts: 984
Joined: Fri Dec 16, 2022 11:45 am

Re: Highcharts Maps - Drilldown not working in categorized areas in map

Wed May 17, 2023 7:52 am

Hi Austin,

You're completely right - it does not work as expected, but it will after it is fixed and our Highcharts Maps developers are currently working on it.

For now as a workaround I propose you switch back to Highcharts 10.3.3.

Do not hesitate to let me know if you have any questions.

Best regards!
Jakub
Highcharts Developer

jakub.s
Posts: 984
Joined: Fri Dec 16, 2022 11:45 am

Re: Highcharts Maps - Drilldown not working in categorized areas in map

Thu May 18, 2023 10:39 am

@Austin38,

Our Map Developers prepared a workaround which is now available on GitHub here: https://github.com/highcharts/highcharts/issues/18961

Please check it out and let me know if that helps.

Kind regards!
Jakub
Highcharts Developer

Return to “Highcharts Maps”