如何在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';
}

请参阅this JSFiddle demonstration，其中包含俄罗斯和美国的特殊颜色。