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

Question

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

我浏览了plot.ly文档，但没有为我的案例找到解决方案。

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

Answer 1

试试Plotly.extendTraces

遗憾的是，目前还没有正式的例子。

我建议：

• 在这里查看源代码，和
• 这里的测试用例。

Answer 2

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