图表不断绘制，旧图表依然存在

Question

使用图表js 2.9.4 我调用一个创建新图表的函数。因此在应用过程中可能会绘制一些图表。如果我将鼠标悬停并显示工具提示，地图就会闪烁并来回变化。他们似乎只是在画布上一遍又一遍地画画。我尝试了 Chart.destroy();但这没有帮助。有没有办法清理旧图表？

例如我尝试过这个

<div id="wrapper" class="Wrapper"  name="Wrapper"  style="background-color: grey; border:1px  ">
<canvas  id="line-chart" class="Chart"  name="Chart"  </canvas>
</div>

。 。 .

if (chart) chart.destroy();
 var chart = 
    new Chart(document.getElementById("line-chart"), {

Answer 1

我认为您正在使用相同的变量名称调用多个图表

var chart

，这就是为什么并非所有图表都被破坏并继续显示的原因。要解决此问题，您需要为每个图表指定唯一的变量名称，并分别销毁它们。