plotly:删除绘图并在同一个div中创建一个新绘图

时间:2015-11-20 16:52:25

标签: javascript jquery plotly

我有一个情节图,当数据发生变化时,我想删除图并生成一个新图。要做到这一点,我这样做:

$('#heatmap2').empty()

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

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)

这是一个代码栈,显示在div上调用empty()之后,你无法在其中创建另一个绘图:

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

这似乎没有抛出我得到的错误,但仍然没有创建情节。

如何清除现有的情节,然后在照片中创建新情节 同样的div?

1 个答案:

答案 0 :(得分:4)

回答我自己的问题:

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