javascript - Canvas 清空但又重新出现

标签 javascript chart.js

我已经看到了有关此问题的多种解决方案,但尚未找到适合我的情况的解决方案。 我有一个用 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/

相关文章:

javascript - Screeps 很少有错误/问题

javascript - Polymer JS Polyfill 和 flash 兼容性

javascript - 使用 javascript/jquery 动态调整 Canvas 窗口的大小?

javascript - meteor - 配置文件编辑安全

javascript - Chart.js数据背景色覆盖点背景色

每分钟数据的javascript图表库

javascript - Nodejs puppeteer 在node js控制台中输出多个并行进度线

javascript - 如何将小时和分钟数据提供给 chartJS

javascript - 如何在 Chart.js 中更改标签和值,例如 500,000 到 500k?

javascript - 同一页面上的多个图表不起作用 - ng2-charts