chart.jsでグラフを表示してマウスオーバーすると異なるグラフが表示されてたことの対応 javascript

chart.jsでグラフを表示してマウスオーバーすると異なるグラフが表示されてたことの対応


chart.jsでグラフを表示してマウスオーバーすると
何やら、グラフ拡大してるんだか初期表示のグラフ表示するんだか
最大最小が異なってるのか、とにかく異なるグラフが表示されてた

調べると、マウスオーバするたびに前回のグラフが表示されてたみたい。

これの対応だけど
canvasを再利用するたびにグラフのインスタンスを破棄すればでなくなったよ！

-----------------------------------------------------------------

var hogechart=null;

function drawChart(objChart data){
if( hogechart ){
hogechart.destroy();
}
// Get the context of the canvas element we want to select
var ctx = objChart.getContext( 2d );
hogechart = new Chart(ctx).Pie(data {animateScale: true});
}

-----------------------------------------------------------------

どうでもいいけど、hover という単語にいまいちなれない・・・