highcharts - 重绘图表后数据不可见

Question

我的修改示例基于动态更新数据示例。我的示例具有更改标题（有效）和缩放类型（*从 x 到 y，也有效*s）的按钮。

$('#button').click(function() {
        chartOptions.chart.zoomType = 'y';
        chartOptions.title.text = 'Some New Title';
        $('#container').highcharts('StockChart', chartOptions);
});

问题是单击按钮后既看不到新数据也看不到旧数据。

Answer 1

Highcharts 修改配置对象，所以需要使用$.extend()保持对象在同一图中。

http://jsfiddle.net/dD3tv/4/

http://api.jquery.com/jQuery.extend/

$('#container').highcharts('StockChart', $.extend({}, chartOptions));

我建议先销毁（）图表，然后再创建新图表。