如何在高图中提供动态悬停颜色?
How to provide dynamic hover color in highmaps?
看下面的代码:
states :{
hover: {
color: <dynamic color for each location>
}
}
您可以在创建图表后更改 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,其中有俄罗斯和美国的特殊颜色。
看下面的代码:
states :{
hover: {
color: <dynamic color for each location>
}
}
您可以在创建图表后更改 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,其中有俄罗斯和美国的特殊颜色。