銷毀和創建Highstock圖表

Question

我想知道為什么下面的代碼片段不起作用：

$('#container').highcharts('StockChart', config);
$('#container').highcharts().destroy();
$('#container').highcharts('StockChart', config);

如果注釋掉最后兩行，則會顯示圖表。 但是第二次嘗試將圖表呈現到同一元素（第三行）時，僅顯示標題。 這是怎么回事？

上面的代碼片段告訴我，我無法將圖表呈現到元素，然后在同一位置呈現另一個圖表，以后呢？

在我的應用程序中，我只有一個顯示圖表的元素。 有一個<select> ，它允許用戶更改他們想要查看的圖表。 我想將新圖表呈現為與上一個圖表相同的元素。

這是一個沙箱： http : //jsfiddle.net/82ajq3f6/1/

Answer 1

在我看來，當您破壞圖表時，您的config.series變得很討厭。 我不知道為什么。 要使圖表選項正常運行，您可以執行以下操作：

$('#container').highcharts('StockChart', config);
var opts = $('#container').highcharts().options;
$('#container').highcharts().destroy();
$('#container').highcharts(opts);