Chart.js flackerndes Diagramm beim Öffnen der Seite

Question

Ich lade eine Ansichtsdatei über mustache.js in einen Container <div>.

In dieser Ansicht, ich habe ein Canvas-Element in einem eigenen div, an den ich mein Diagramm mit Chart.js

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

Als ich das Diagramm zum ersten Mal zu zeichnen, ist alles in Ordnung bin zeige. Wenn ich von der Ansicht zu einer anderen Ansicht und wieder zurück navigiere, flackert die Grafik (verschwindet und erscheint schnell wieder).

Ich habe bereits von Animation gedreht, und stellen Sie die folgenden Schritte aus:

responsive: true, 
maintainAspectRatio: false, 

Was kann ich tun, das Flimmern zu entfernen?
Gibt es eine Möglichkeit zu überprüfen, ob das Diagramm bereits in die Zeichenfläche gezeichnet wurde? In diesem Fall würde ich es von einer neuen Zeichnung stoppen, bis der Benutzer es anfordert.

Answer 1

Wahrscheinlich, weil Sie Diagramm auf der gleichen div oder Leinwand Verwendung .destroy();

Eg neu gezeichnet werden:

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

zu erstellen und

window.myPie.destroy(); 

vor Nachziehen zu zerstören