当前位置 博文首页 > 渊渟无迹静涛君的博客：chart.js 重复绘图问题

最大化 缩小

    渊渟无迹静涛君的博客：chart.js 重复绘图问题

    作者：[db:作者] 时间：2021-08-16 12:48 

    问题：

现在页面上有一个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>');

    ?

    cs
    上一篇：渊渟无迹静涛君的博客：Spring MVC 出现Request method ‘GET‘
    下一篇：没有了