javascript - plotly:删除 plot 并在同一个 div 中创建一个新的 plot

Question

我有一个 plotly plot，当数据发生变化时，我想删除 plot 并生成一个新 plot。为此，我这样做:

$('#heatmap2').empty()

然后我重新生成我的 plotly 。但是当我这样做时它崩溃了:

TypeError: Cannot read property 'textContent' of null
    at Array.Mo.text (plotly-latest.min.js:12)
    at Array.c.convertToTspans (plotly-latest.min.js:31)
    at Array.Mo.call (plotly-latest.min.js:12)
    at l (plotly-latest.min.js:29)
    at Object.i.syncOrAsync (plotly-latest.min.js:30)
    at Array.r (plotly-latest.min.js:29)
    at Array.Mo.call (plotly-latest.min.js:12)
    at Object.s.draw (plotly-latest.min.js:29)
    at r (plotly-latest.min.js:28)
    at Object.w.colorbar (plotly-latest.min.js:38)

这是一个 codepen，显示在 div 上调用 empty() 后，您无法在其中创建另一个绘图:

http://codepen.io/anon/pen/ZbZpBE?editors=101

这似乎并没有抛出我得到的错误，但仍然没有创建 plotly 。

我怎样才能清除现有的地 block ，然后在相同的 div？

Answer 1

回答我自己的问题:

如果我使用 Plotly.newPlot 而不是 Plotly.plot，它就可以工作。