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

Question

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

在该视图中，我在一个专用div中有一个画布元素，我在该元素上使用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

可能是因为您要使用.destroy();在同一个div或canvas上重新绘制图表

例如:创建

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

并在重新绘制之前销毁

window.myPie.destroy();