[Chartjs]-Chart js old chart data not clearing

by

8👍

✅

I think there are a few ways to do it. You can update your chart data if the chart already exist. Here two functions you can use:

function removeData(chart) {
    chart.data.labels.pop();
    chart.data.datasets.forEach((dataset) => {
        dataset.data.pop();
    });
    chart.update();
}

function addData(chart, label, data) {
    chart.data.labels.push(label);
    chart.data.datasets.forEach((dataset) => {
        dataset.data.push(data);
    });
    chart.update();
}

First you have to remove all your data and then add the new data.

If you want to destroy the chart and create it again you have to save your variable as global. To do this you have yo declare your variable like window.myChart and then before create the new chart, something like this:

if (window.myChart) window.myChart.destroy();
window.myChart = new Chart(ctx, options);

Another way you can try is removing your canvas and creating another one. Something like this:

$('#your_canvas').remove();
$('#your_canvas_father').append('<canvas id="your_canvas"></canvas>');

Leave a comment