Question

是否可以在点击时切换图表数据标签（启用/禁用）（无需重新绘制图表），如下所示：

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

我尝试过以下方法但不起作用。

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

我似乎无法找到有关如何在文档中动态设置图表选项的任何详细信息。如果有人能指出我正确的方向，那将非常感激。

Answer 1

我设法通过使用series.update（）方法弄明白了。

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

感谢您的帮助。

Answer 2

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

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

有没有办法动态设置Highchart选项？

2 个答案: