问题:
现在页面上有一个canvas,在这个canvas上使用chart.js绘图,页面上进行一些ajx操作之后数据改变,使用新数据在canvas上重新绘图,但之前的图表依然存在,结果就是鼠标在图表上移动的时候,两张图表之间会来回闪动。
解决方案:
每次绘图之前先删除canvas节点,重新添加一个。
$('#lineChart').remove();
$('#lineChartParent').append('<canvas id="lineChart" height="230"></canvas>');