Highcharts - how to toggle datalabels via js?

Question

I would like to use Highcharts in such a way where clicking on a legend item enables datalabels for that particular category. Is this possible? I have tried the following to enable datalabels with no luck:

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

Here's a jsfiddle I am working with: http://jsfiddle.net/MXZgj/3/ (please search for legendItemClick to see where the applicable code is).

Thank you for your help!

Answer 1

这有效：

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

Answer 2

I ended up having to iterate over every point in the series and enable each individual data label.

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

Could use a bit of code cleanup, but works great as is.