Highcharts -如何通过js切换数据标签？

Question

我想以这样一种方式使用Highcharts，即单击图例项以启用该特定类别的数据表。这个是可能的吗？我尝试了以下方法来启用datalabels，但没有成功：

chart.series[0].data.dataLabels.enabled = true;

这是我正在使用的legendItemClick : jsfiddle (请搜索jsfiddle以查看适用的代码在哪里)。

谢谢你的帮助!

Answer 1

我最终不得不遍历该系列中的每个点，并启用每个单独的数据标签。

series: {
    events: {
        legendItemClick: function(event) {                   
            var selected = this.index;
            var allSeries = this.chart.series;

            $.each(allSeries, function(index, series) {                
                if (selected == index) {
                    $.each(series.points, function(i, point) {
                        point.update({
                            dataLabels: {
                                enabled: true
                            }
                        });
                    });
                } else {
                    $.each(series.points, function(i, point) {
                        point.update({
                            dataLabels: {
                                enabled: false
                            }
                        });
                    });
                }
            });

            return false;
        }
    }
}

可以使用一些代码清理，但按原样工作很好。

Answer 2

这是可行的：

 chart.series[0].update({ dataLabels: { enabled:true }})