我已经看到了有关此问题的多种解决方案,但尚未找到适合我的情况的解决方案。
我有一个用 chart.js
制作的图表,它使用 canvas
来显示。我有一个函数应该清除 Canvas ,以便我可以使用不同的 x 变量重新绘制图表。该功能最初有效,但一旦我开始将鼠标悬停在已清除的 Canvas 上,旧内容就会重新出现。更具体地说,如果我将鼠标悬停在之前的数据点上,它似乎会重新出现。
这是函数:
function empty(){
canvas = document.getElementById("loansChart");
const context = canvas.getContext('2d');
context.clearRect(0, 0, canvas.width, canvas.height);
}
编辑
如果 Canvas 包含具有悬停启动功能项目的项目,这些项目是否仍然存在(只是不可见)在 Canvas 中?
最佳答案
您应该使用 Chart.js 函数来更新和清除图表,而不是使用 html Canvas 的函数。 这些文档非常简单。 https://www.chartjs.org/docs/latest/developers/updates.html
关于javascript - Canvas 清空但又重新出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57962123/