Javascript Chartjs折线图,悬停时显示旧数据

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

我有一个使用chart.js创建的折线图。页面加载时一切正常,但当切换图表并将鼠标悬停到图表的角落时,会显示旧图表

这里还有一个你可以看到其行为的实时webapp。

我试图用update()进行修复、销毁和清除,但它们都不起作用

非常感谢你的帮助

这是我的密码

    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();

    }
}