Highcharts显示选定点/隐藏datalabel(Highcharts show/hide d

还有与highcharts datalabels工作带来了很大麻烦。 现在我需要展示和点击点隐藏datalabels。 尝试这样：

plotOptions: {
            series: {
                allowPointSelect : true,
                point: {
                    events: {
                        select /*click*/: function () {
                            this.options.dataLabels.enabled = !this.options.dataLabels.enabled;
                            this.update();
                        }
                    }
                }                
            }
        }

但得到Uncaught TypeError: Cannot set property 'enabled' of undefined 。

有在PlotOptions是点事件级别point.select和point.click但是从highcharts.com我不能得到任何帮助，给出的例子。

此外，我不能找出我应点或可能与通过阵列访问某些系列工作like series[0].data[1]等？ 谢谢。

Answer 1:

经过更新的属性到Point.update() 方法 。

          point:{
                events:{
                    click: function(){
                        // determine toggle state
                        // on first click this.dataLabels is undefined...
                        var e = !this.dataLabels || this.dataLabels.enabled ? false : true;
                        this.update({
                            dataLabels:{
                                enabled: e
                            }
                        });
                    }
                }
            }

下面是一个例子 ，其切换他们。

文章来源: Highcharts show/hide datalabel of selected point