有没有一种方法可以动态设置Highchart选项

Is there a way to set Highchart options dynamically?

本文关键字:动态 设置 Highchart 选项 方法 一种 有没有      更新时间:2023-09-26

是否可以在点击时切换图表数据标签(启用/禁用)(无需重新绘制图表),如下所示:

('.inner-container').click(function() {
    chart.setTitle({text: "New Title"});
});

我试过下面的方法,但不起作用。

('.inner-container').click(function() {
    chart.setOptions({dataLabels: {enabled: true}});
});

在文档中,我似乎找不到任何关于如何动态设置图表选项的详细信息。如果有人能为我指明正确的方向,我将不胜感激。

我使用series.update()方法设法弄清楚了。

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

谢谢你的帮助。

基于数据标签元素的附加解决方案:

http://jsfiddle.net/eNMvw/37/

chart.series[0].hideDataLabels = false;
// Add toggler action
$('#toggler').click(function() {
    chart.series[0].hideDataLabels = !chart.series[0].hideDataLabels;
    chart.series[0].hide();
    chart.series[0].show();
});