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

Question

是否可以在单击时切换图表 dataLabels（启用/禁用）（无需重绘图表），如下所示：

('.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

基于 datalabels 元素的其他解决方案：

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