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.