score:1

Accepted answer

The best solution in your case seems to be to use render event and change the color on the SVG level. Example:

    chart: {
        ...,
        events: {
            render: function() {
                this.series[0].points.forEach(function(point) {
                    if (point['hc-key'] == state) {
                        point.graphic.attr({
                            fill: 'red'
                        });
                    }
                });
            }
        }
    }

Live demo: https://jsfiddle.net/BlackLabel/x69pLcyo/

API Reference:

https://api.highcharts.com/highcharts/chart.events.render

https://api.highcharts.com/class-reference/Highcharts.SVGElement#attr


Related Articles