javascript - 单击图例显示/隐藏数据标签

Question

我正在 Highcharts 中处理堆积柱形图。我有一个要求，在每次点击图例时，该系列上的数据标签都应该显示/隐藏，但系列/堆栈不应该隐藏。所以我只想隐藏/显示数据标签。

我试过这个并通过使用这个让系列停止隐藏:

events: {
    legendItemClick: function () {
        return false; // <== returning false will cancel the default action
    }
}

但我无法在点击图例时显示数据标签。

这是 Fiddle Link .

Answer 1

legendItemClick: function (x) {
                    x.preventDefault()
                  var opt = x.target.chart.options.plotOptions.series;
    opt.dataLabels.enabled = !opt.dataLabels.enabled;
    x.target.chart.series[x.target.index].update(opt);
                  //x.target.chart.options.plotOptions.series.dataLabels.enabled=false
                   // <== returning false will cancel the default action
                    }