mouseoverといくつかのアップデートでChart.js 2.0の問題を解決するには？

Question

非常に奇妙なことに、私はdinamically更新する必要があるChart.jsグラフがあります。アップデートが正常に動作しますが、あなたは、チャート上にマウスを移動したり、数回ボタンアップデートを（データを追加）をクリックすると、棒や線が消えると、コンソールでこのエラーを示しています

Uncaught TypeError: Cannot read property 'draw' of null 

をクリックしてください。ボタンを数回押すと、ゆっくりとすばやくテストできます。 「データを追加」ボタンをクリックしたあとも、マウスをチャート上に移動します。どのように私はこのエラーを回避することができますhttps://jsfiddle.net/s9zraysh/

：

あなたはでこれをテストすることができますか？

Answer 1

これは、グラフを作成してデータを追加するための関数を混在させたためです。以下のように分けて修正しました。ここ

var canvas = document.getElementById("canvasChart"); 
var $chart; 
function createChart(ID) { 
    console.log(canvas); 
    console.log(chartsParams); 
    $chart = new Chart(canvas, chartsParams['myChart']); 
} 

function addData() { 
    $chart.data.datasets.push({ 
    label: 'Added', 
    data: [12, 32, 43, 53] 
    }); 
    $chart.update(); 
} 

createChart(); 
document.getElementById("addButton").addEventListener("click", addData); 

デモ：https://jsfiddle.net/es0kt36e/2/