Javascript Chartjs折线图,悬停时显示旧数据
我有一个使用chart.js创建的折线图。页面加载时一切正常,但当切换图表并将鼠标悬停到图表的角落时,会显示旧图表 这里还有一个你可以看到其行为的实时webapp。 我试图用update()进行修复、销毁和清除,但它们都不起作用 非常感谢你的帮助 这是我的密码Javascript Chartjs折线图,悬停时显示旧数据,javascript,charts,chart.js,Javascript,Charts,Chart.js,我有一个使用chart.js创建的折线图。页面加载时一切正常,但当切换图表并将鼠标悬停到图表的角落时,会显示旧图表 这里还有一个你可以看到其行为的实时webapp。 我试图用update()进行修复、销毁和清除,但它们都不起作用 非常感谢你的帮助 这是我的密码 var ctx = document.getElementById("chartContainer").getContext("2d"); var myChart = new Chart(ctx, { t
var ctx = document.getElementById("chartContainer").getContext("2d");
var myChart = new Chart(ctx, {
type: "line",
data: {
label: "data",
datasets: [
{
label: "Mobile Speed Scores",
data: mobileData,
backgroundColor: ["rgba(255, 99, 132, 0.2)"],
borderColor: ["rgba(255, 99, 132, 1)"],
borderWidth: 1
},
{
label: "Desktop Speed Scores",
data: desktopData,
backgroundColor: ["rgba(49, 67, 129, 0.2)"],
borderColor: ["rgba(49, 67, 129, 1)"],
borderWidth: 1
}
]
},
options: {
responsive: true,
title: {
display: true,
text: inspectUrl
},
scales: {
xAxes: [
{
type: "time",
display: true,
scaleLabel: {
display: true,
labelString: "Date"
}
}
],
yAxes: [
{
scaleLabel: {
display: true,
labelString: "value"
}
}
]
}
}
});
myChart.render();
const removeElements = elms => elms.forEach(el => el.remove());
removeElements(document.querySelectorAll(".progress"));
function toogleDataSeries(e) {
e.dataSeries.visible = !(
typeof e.dataSeries.visible === "undefined" || e.dataSeries.visible
);
myChart.destroy();
myChart.render();
}
}