hover - 如何更改 Highcharts 中系列的不透明度？

Question

好的，所以我在 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();
        }
    });
},}}
...

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

Answer 1

从这个讨论中，你可以使用这样的东西来动态调整颜色：

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