Chart.js图表​​在重新打开页面时闪烁

Question

我正在通过mustache.js将视图文件加载到<div>容器中。

在该视图中，我在专用div中有一个canvas元素，我使用Chart.js显示我的图表

<div>
    <canvas id="gesundheitsverlauf-chart">
        Your web-browser does not support the HTML 5 canvas element.
    </canvas>
</div>

当我第一次绘制图表时，一切都很好。当我从视图导航到另一个视图然后返回时，图表会闪烁（消失并快速重新出现）。

我已经开始动画了，并设置了以下内容：

responsive: true,
maintainAspectRatio: false,

如何消除闪烁？ 有没有办法检查图表是否已经绘制到画布上？在这种情况下，我会在新的绘图中将其停止，直到用户请求它为止。

Answer 1

可能是因为您正在使用add

在同一div或画布上重绘图表

例如：创建

.destroy();

并在重绘之前销毁

window.myPie = new Chart(ctx, config);