javascript - 当您单击关闭系列时，Highcharts 自定义图例 SVG 符号不会消失

Question

使用自定义图例符号时，通过单击图例关闭系列会使图例文本淡出，但不会淡出自定义符号。

与使用会褪色的内置图例符号相比，这会造成不稳定。

这里的例子 - http://jsfiddle.net/hnc27nf2/

$(function() {
    $('#container').highcharts({
          series: [{
            data: [],
            id: 'main',
            marker: {
              symbol: 'url(https://www.highcharts.com/samples/graphics/sun.png)'
            }
          }, {
            linkedTo: 'main',
            data: [1, 3, -2, -4]
          }]
        });
    }); 

Answer 1

解决方案，遵循@Core972评论:

我们可以淡出元素，但更改元素的不透明度:http://jsfiddle.net/BlackLabel/Lzgexfvo/

plotOptions: {
  series: {
    events: {
      legendItemClick: function() {
        if (this.legendSymbol) {
          if (this.visible) {
            this.legendSymbol.css({
              opacity: 0.4,
              filter: 'alpha(opacity=40)'
            });
          } else {
            this.legendSymbol.css({
              opacity: 1,
              filter: 'alpha(opacity=100)'
            });
          }
        }
      }
    }
  }
}