highmaps - 如何在高图中提供动态悬停颜色？

Question

看下面的代码：

states :{
    hover: {
        color: <dynamic color for each location>
    }
}

Answer 1

您可以point.pointAttr.hover.fill在创建图表后进行更改，为特定点提供自己的悬停颜色。例如：

var points = $('#container').highcharts().series[0].data;

for(var i = 0; i < points.length; i++) {
    if(points[i].options.code == 'RU' || points[i].options.code == 'US')
        points[i].pointAttr.hover.fill = 'pink';
}

请参阅此 JSFiddle 演示，该演示具有俄罗斯和美国的特殊颜色。