Highcharts 负颜色和悬停状态-highchart.js

Highcharts 负颜色和悬停状态-highchart.js,highcharts,Highcharts,当列的值为负值时,我希望使用不同的悬停颜色状态。我无法在highchart.js上找到一个解决方案来完成这一点,但我可能遗漏了什么 我目前正在使用negativeColor和states.hover.color选项 这是复制品: 代码: Highcharts.chart('container'{ 图表:{ 类型:“列” }, 系列:[{ 数据:[5,-3,4,-7,2] }], 打印选项:{ 专栏:{ 负片颜色:“红色”, 国家:{ 悬停:{ 颜色:“蓝色”, } } }, }, }); 您可

当列的值为负值时,我希望使用不同的悬停颜色状态。我无法在highchart.js上找到一个解决方案来完成这一点,但我可能遗漏了什么

我目前正在使用
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
方法!