Highcharts显示/隐藏所选点的数据标签 [英] Highcharts show/hide datalabel of selected point

问题描述

使用highcharts datalabel仍然有很大的麻烦。现在，我需要通过点击显示和隐藏数据标记点。尝试这样：

Still have a big trouble on working with highcharts datalabels. Now I need to show and hide datalabels by clicking on the points. Tried this:

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

$ b b

但是get 未捕获TypeError：无法设置未定义的属性'enabled'。

But get Uncaught TypeError: Cannot set property 'enabled' of undefined.

在PlotOptions级别的事件 point.select 和 point.click 但从在highcharts.com给出的示例我不能获得任何帮助。

There're point events at PlotOptions level as point.select and point.click but from examples given at highcharts.com I can't get any help.

也不能弄清楚我应该使用point或者通过数组访问 0] .data [1] 等？
谢谢。

Also I can't figure out should I work with point or maybe with the certain serie through the array access like series[0].data[1] etc.? Thank you.

推荐答案

将更新的属性传递到 Point.update / code> 方法。

          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显示/隐藏所选点的数据标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！