Question

我想知道为什么以下代码段不起作用：

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

如果您注释掉最后两行，则会显示图表。但是第二次尝试将图表渲染到同一个元素（第三行）时，只显示标题。这是怎么回事？

上面的这个片段告诉我，我不能将图表渲染到一个元素，然后在同一个地方渲染一个不同的图表，以后呢？

在我的应用程序中，我有一个显示图表的元素。有<select>允许用户更改他们想要查看的图表。我想将新图表渲染到与上一个图表相同的元素。

这是一个沙箱：http://jsfiddle.net/82ajq3f6/1/

Answer 1

在我看来，当你破坏图表时，你的config.series正在被破坏。我不知道为什么。为了使您的图表options正常运行，您可以执行以下操作：

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

销毁和创建Highstock图表

1 个答案: