javascript - 动态添加系列时优化图表渲染

Question

是否有一种优化的方法可以将多个系列动态添加到具有现有系列的已渲染折线图中？

到目前为止，我能想到两个选择：

1）调用Chart.addSeries(graphSeries)n次。

我目前正在使用这种方法，但是对于多个系列来说速度很慢

2) 将新系列添加到 JSON 对象后，从 JSON 对象重新初始化图表

Chart = new Highcharts.Chart(graphData);

然而，这意味着每次都必须重新生成整个图表。

还有另一种方法可以将新系列批量添加到图表中吗？

score 1 · Accepted Answer

我会使用chart.addSeries将重绘参数设置为false. 完成添加系列后，您可以调用chart.redraw以显示系列。这只会花费您一次重绘任意数量的系列，并且不会像从配置中重新创建图表那样昂贵。

chart.addSeries(series1, false);
chart.addSeries(series2, false);
...
chart.addSeries(seriesN, false);

chart.redraw();

1 回答 1