Django chartjs多个图表堆叠

Posted 2023-02-24

【中文标题】Django chartjs多个图表堆叠

【英文标题】：Django chartjs multiple charts stacked

【发布时间】：2020-12-19 02:21:14

【问题描述】：

您好，我正在创建一个 Django 应用程序，我在其中使用 Chart.js 制作条形图。我有一个创建随机图表的按钮，但是当我将鼠标悬停在新生成的图表上时，旧的仍然在它后面。我怀疑这与我持有图表的 html 画布有关，但我不确定。我只想要一个图表，即单击按钮后创建的图表。我已经尝试通过在 JS 中使用 in this 在绘制之前清除画布的矩形。

var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.clearRect(0, 0, canvas.width, canvas.height);

我是新手，想知道是否有人可以提供帮助？

【参考方案1】：

我怀疑当你只是在做context.clearRect().时图表并没有被破坏

如果您在 Chart.js 网站上查看 here，它会说您必须执行 myLineChart.destroy(); 才能销毁特定实例。

如果您不想破坏它，我假设您可以使用myLineChart.stop(); 停止图表动画，然后使用context.clearRect(). 清除图表。