图表 Js 显示旧数据和鼠标悬停时的抖动

Question

我正在制作一个地图应用程序，当我点击它时会显示来自不同国家的数据。 我有一个带有显示数据图表的信息面板。 但是在第一次点击后，旧数据不知何故不会更新，当我来到图表悬停时，它会震动，有时会显示旧数据。

我的代码是：

 chart = new APP_JS.Chart(canvas, { type: 'pie', data: { labels: ["GERB", "BSP", "VatBir", "HÖH", "Volya", "DOST"], datasets: [{ label: '# Oy Sayısı', data: [sum_p11, sum_p10, sum_p17, sum_p9, sum_p6, sum_p13], backgroundColor: [ '#ff00bf', '#0000ff', '#1f77b4', '#ffff00', '#00ff00', '#ff8000' ] }] }, options: { rotation: -Math.PI, legend: { display: false } } })

我做了以下但它不起作用

 if (chart != undefined) { console.log("Chart is Undefined"); chart.data.labels.pop(); chart.data.datasets.forEach(dataset => { dataset.data.pop(); }); chart.destroy(); }

Answer 1

chartJS 中有一个函数正在更新图表

chart.update();

这是对api的参考，但我不确定这是否是您要找的