Highcharts:如何在悬停散点图系列时更改线条颜色

时间:2016-01-03 11:14:49

标签: javascript highcharts scatter-plot

我有一张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。 我需要在悬停系列时更改线条颜色,但我无法做到。这可能吗?

2 个答案:

答案 0 :(得分:3)

这可以通过事件轻松实现。

当用户将鼠标悬停在系列

上时,您只需要更新系列颜色属性
events: {
    mouseOver: function () {

        this.chart.series[this.index].update({
             color: 'red'
        });
    },
    mouseOut: function () {

        this.chart.series[this.index].update({
            color: "#b0b0b0"
        });                           
     }
 }

这将改变点悬停的系列的颜色。

here is update to your fiddle

希望这对你有所帮助。

答案 1 :(得分:1)

谢谢strikers

  

@HalvorStrand禁用粘性跟踪?它默认启用。如果您有多个系列并且它们运行相同的xAxis点,我建议禁用粘性跟踪。 - 罢工者1月4日5:23

我正在努力解决这个问题,直到我把它放在剧情后 series: {stickyTracking: false}, 问题解决了