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