Question

我正在制作一个地图应用程序，当我点击它时显示来自不同国家的数据。我有一个信息面板，其中包含显示数据的图表。但是在第一次点击之后，旧的数据不知何故不会更新，当我越过图表时，它会摇晃，有时会显示旧的数据。

我的代码是：

＆＃13;

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
        }
    }
})

＆＃13;

我做了以下但是没有工作

＆＃13;

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

＆＃13;

Answer 1

chartJS中有一个更新图表的功能

chart.update();

这里是对api的引用，但我不确定这是否是你要找的

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

1 个答案: