我有一张Highcharts散点图。图表对象的一些细节如下:
plotOptions: {
scatter: {
lineWidth:1,
marker: {
radius: 1,
symbol:'circle',
fillColor: '#800000',
states: {
hover: {
enabled: true,
radius:0,
radiusPlus:2,
lineColor: '#ff0000',
fillColor: '#ff0000'
}
}
},
states: {
hover: {
halo:false,
lineWidthPlus:2,
}
}
}
}
,完整的工作示例是here。 我需要在悬停系列时更改线条颜色,但我无法做到。这可能吗?
答案 0 :(得分:3)
这可以通过事件轻松实现。
当用户将鼠标悬停在系列
上时,您只需要更新系列颜色属性events: {
mouseOver: function () {
this.chart.series[this.index].update({
color: 'red'
});
},
mouseOut: function () {
this.chart.series[this.index].update({
color: "#b0b0b0"
});
}
}
这将改变点悬停的系列的颜色。
希望这对你有所帮助。
答案 1 :(得分:1)
谢谢strikers
@HalvorStrand禁用粘性跟踪?它默认启用。如果您有多个系列并且它们运行相同的xAxis点,我建议禁用粘性跟踪。 - 罢工者1月4日5:23
我正在努力解决这个问题,直到我把它放在剧情后
series: {stickyTracking: false},
问题解决了