javascript - 从 plotly.js 图中删除所有痕迹

Question

我有一个包含 plot.ly 图的页面，我想将数据写入几次，覆盖之前的内容。

我找不到从我的 plotly.js 图中删除所有痕迹的方法，只是重新绘制添加数据而不删除旧数据。

Answer 1

有两种方法可以做到这一点，都列在 plotlyjs function reference page 中.

选项 1(告诉 plotly 删除有问题的痕迹):

Plotly.deleteTraces(graphDiv, 0);

其中第二个参数是要删除的跟踪的跟踪索引。请注意，第二个参数也可以是一个索引数组，允许您一次删除多个跟踪。

选项 2(告诉 plotly 使用新数据制作新图):

 Plotly.newPlot(graphDiv, data, layout);

参数与 Plotly.plot 相同。这将创建一个新绘图，仅绘制第二个参数中发送的数据。更准确地说，Plotly.newPlot 是幂等的，而 Plotly.plot 不是。