Highcharts餅圖：如何忽略禁用的圖例項目

Question

請參閱此JSFiddle 。

在此示例中，您可以在左上角看到所有值的總和。

如果單擊任何圖例項，則將其禁用，但是總值不會反映出來。 文本應更新為不包含該禁用的項目。 我怎樣才能做到這一點？

Answer 1

雖然Ondkloss的答案很好用。 但是我發現了一個更簡單的解決方案，通過使用重繪事件代替了加載。 JSFiddle

Answer 2

您可以使用legendItemClick事件通過保留對Element的引用來更新渲染的文本。 例如：

var totalText;

var chart = new Highcharts.Chart({
    chart: {
        events: {
            load: function(event) {
                totalText = this.renderer.text(
                    'Total: ' + total,
                    this.plotLeft,
                    this.plotTop - 20
                ).attr({
                    zIndex: 5
                }).add()
            }
        }
    }

    //...

    plotOptions: {
        pie: {
            point: {
                events: {
                    legendItemClick: function(e) {
                        var newTotal = this.series.total + (this.visible ? -this.y : this.y);
                        totalText.attr({ text: 'Total: '+newTotal });
                    }
                }
            }
        }
    }
});

請參閱此更新的JSFiddle以獲取演示。