使用javascript图表可视化数据 - 动态

Question

现在我正在使用 javascript库来显示数字数组。我想在每次迭代中更新这个图。我在值更改后尝试Plotly.newPlot('id',data);，但每次重新定义绘图对象需要时间。

我经历了plot.ly，但没有为我的案例找到解决方案。

我想在每次中断时更新图形，也许我需要在调用迭代函数后更新绘图200次。针对此问题的任何解决方案/建议？如果有一个适合这种情况，我可以使用另一个绘图库。

Answer 1

尝试Plotly.extendTraces

不幸的是，目前还没有官方的例子。

我建议：

• 查看源代码here和
• 测试用例here。

Answer 2

Bedi，不幸的是，我无法直接回复你的评论。我没有足够的积分（我需要50分，而且我有15分）。 Plotly.extendTraces()是您所需要的。您注意到的错误是因为update.y需要是一个长度等于indices参数Plotly.extendTraces()的数组。查看the source，索引是extendTraces的第三个参数。您的indices参数只有一个项目（[0].length === 1）。只要itemList是长度为1的数组，就不应该有问题。运行console.log(itemList.length === [0].length)，我想您会发现您尝试一次添加太多积分。