动态更新Chart JS数据并添加新数据，删除旧数据创建时间线"like“图表

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<canvas id="myChart"></canvas>

var ctx = document.getElementById('myChart').getContext('2d');

var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [], // 时间线标签
        datasets: [{
            label: 'Like', // 数据集标签
            data: [], // 数据集数据
            backgroundColor: 'rgba(75, 192, 192, 0.2)', // 数据集背景颜色
            borderColor: 'rgba(75, 192, 192, 1)', // 数据集边框颜色
            borderWidth: 1 // 数据集边框宽度
        }]
    },
    options: {
        scales: {
            x: {
                type: 'realtime', // 使用实时轴
                realtime: {
                    duration: 20000, // 时间范围（毫秒）
                    refresh: 1000, // 刷新间隔（毫秒）
                    delay: 2000 // 延迟（毫秒）
                }
            },
            y: {
                beginAtZero: true // Y轴从0开始
            }
        }
    }
});

// 添加新数据
myChart.data.labels.push('新标签');
myChart.data.datasets[0].data.push(新数据);

// 删除旧数据
myChart.data.labels.shift();
myChart.data.datasets[0].data.shift();

// 更新图表
myChart.update();