代码之家 › 专栏 › 技术社区 › Rohit Agrawal

在图例上显示/隐藏数据标签单击

highcharts jquery javascript

Rohit Agrawal · 技术社区 · 8 年前

我正在制作Highcharts中的堆积柱形图。我有一个要求,在每次单击图例时,应显示/隐藏该序列上的数据标签,但不应隐藏序列/堆栈。所以我只想隐藏/显示数据标签。

我尝试了这个方法,并通过使用以下方法让系列停止隐藏:

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

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

这是 Fiddle Link .

2 回复 | 直到 8 年前

undefined_variable 8 年前

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
                    }

Rohit Agrawal 8 年前

感谢@undefined\u variable的回答。

我又找到了一种使用 this .

legendItemClick: function () {
    var enabled = !this.options.dataLabels.enabled;
    this.update({
        dataLabels:{
            enabled: enabled
        }
    });
    return false; 
}

Fiddle

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前