Highcharts 负颜色和悬停状态-highchart.js
当列的值为负值时,我希望使用不同的悬停颜色状态。我无法在highchart.js上找到一个解决方案来完成这一点,但我可能遗漏了什么 我目前正在使用Highcharts 负颜色和悬停状态-highchart.js,highcharts,Highcharts,当列的值为负值时,我希望使用不同的悬停颜色状态。我无法在highchart.js上找到一个解决方案来完成这一点,但我可能遗漏了什么 我目前正在使用negativeColor和states.hover.color选项 这是复制品: 代码: Highcharts.chart('container'{ 图表:{ 类型:“列” }, 系列:[{ 数据:[5,-3,4,-7,2] }], 打印选项:{ 专栏:{ 负片颜色:“红色”, 国家:{ 悬停:{ 颜色:“蓝色”, } } }, }, }); 您可
negativeColor
和states.hover.color
选项
这是复制品:
代码:
Highcharts.chart('container'{
图表:{
类型:“列”
},
系列:[{
数据:[5,-3,4,-7,2]
}],
打印选项:{
专栏:{
负片颜色:“红色”,
国家:{
悬停:{
颜色:“蓝色”,
}
}
},
},
});
您可以使用mouseOver
回调函数,并根据y
值更改点的颜色
plotOptions: {
column: {
point: {
events: {
mouseOver: function() {
this.graphic.attr({
fill: this.y < 0 ? 'black' : 'blue'
});
}
}
},
negativeColor: 'red'
}
}
plotOptions:{
专栏:{
要点:{
活动:{
mouseOver:function(){
这是graphic.attr({
填充:这个。y<0?“黑色”:“蓝色”
});
}
}
},
负片颜色:“红色”
}
}
现场演示: API参考:
太棒了!谢谢我不知道
这个.graphic
方法!