是否可以在点击时切换图表数据标签(启用/禁用)(无需重新绘制图表),如下所示:
('.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();
});