高圖：更改圖例符號運行時

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]
}]