Highcharts：變化傳奇符號運行

Question

有自定義標記/圖標「散佈」圖表：

series: [{ 
    marker: { 
     symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' 
    } 
}] 

http://jsfiddle.net/sy6nb7fk

有什麼辦法來取代傳奇圖標時，數據系列取消？

即使用「sun_disabled.png」

Answer 1

你必須做一個update呼籲改變某些事件的標記。

如果僅使用圖例項目顯示/隱藏系列，則可以在plotOptions.series.events.legendItemClick中執行此操作。例如（JSFiddle）：

plotOptions: { 
    series: { 
     events: { 
      legendItemClick: function(event) { 
       var imageName = (this.visible ? 'snow' : 'sun'); 

       this.update({ 
        marker: { 
         symbol: 'url(http://www.highcharts.com/demo/gfx/'+ imageName +'.png)' 
        } 
       }); 
      } 
     } 
    } 
} 

如果可顯示的串/隱藏使用hide()和show()函數調用，你可以使用Series.events.hide和Series.events.show這樣做。例如（JSFiddle）：

series: [{ 
    events: { 
     hide: function() { 
      this.update({ 
       marker: { 
        symbol: 'url(http://www.highcharts.com/demo/gfx/snow.png)' 
       } 
      }); 
     }, 
     show: function() { 
      this.update({ 
       marker: { 
        symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' 
       } 
      }); 
     } 
    }, 
    marker: { 
     symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' 
    }, 
    data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] 
}]