如何在Highcharts中更改系列的不透明度?

时间:2012-01-02 23:11:52

标签: hover hide opacity highcharts scatter

好的,所以我在highcharts中绘制了散点图。当我将鼠标悬停在一个系列上时,我想要这样做,所有其他系列都昏暗。我已经尝试更改标记的fillOpacity和颜色属性,它似乎不起作用。这就是我目前所拥有的:

series:{ 
    events:{
    mouseOver: function(event){
    console.log("in");
    var series_to_keep = this;
    $.each(chart.series, function(seriesNo, serie){
        serie.hide();
    });
    this.show();
    this.select(true);
},
    mouseOut: function(event){
    console.log("out");
    console.log(this);
    $.each(chart.series, function(seriesNo, serie){
        if(!serie.visible){
            serie.show();
        }
    });
},}}
...

这目前隐藏了其他系列,但我不想隐藏它们。如何在悬停时更改其他系列的标记的不透明度,然后将其切换回来?我找不到需要更改的属性。我错过了这么多,似乎没有工作。

1 个答案:

答案 0 :(得分:2)

从这个discussion,您可以使用类似的东西动态调整颜色:

serie.color = "#FF00FF";
serie.graph.attr({ 
    stroke: '#FF00FF'
});
$.each(serie.data, function(i, point) {
    point.graphic.attr({
        fill: '#FF00FF'
    });
});
serie.redraw();