Chartjs添加和删除数据

// 假设你已经有了一个 canvas 元素，其 ID 为 'myChart'
const ctx = document.getElementById('myChart').getContext('2d');

// 初始化图表
let myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ['January', 'February', 'March', 'April', 'May'],
        datasets: [{
            label: 'My First dataset',
            backgroundColor: 'rgb(255, 99, 132)',
            borderColor: 'rgb(255, 99, 132)',
            data: [0, 10, 5, 2, 20]
        }]
    },
    options: {}
});

// 添加数据的方法
function addData(chart, label, data) {
    chart.data.labels.push(label);
    chart.data.datasets.forEach((dataset) => {
        dataset.data.push(data);
    });
    chart.update();
}

// 使用方法
addData(myChart, 'June', 30);

// 删除数据的方法
function removeData(chart) {
    chart.data.labels.pop();
    chart.data.datasets.forEach((dataset) => {
        dataset.data.pop();
    });
    chart.update();
}

// 使用方法
removeData(myChart);