js charts ajax

// 使用Chart.js和AJAX获取数据并更新图表
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [],
        datasets: [{
            label: '动态数据',
            data: [],
            borderColor: 'rgba(75, 192, 192, 1)',
            borderWidth: 1
        }]
    },
    options: {
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});

function fetchData() {
    fetch('your-data-endpoint')
        .then(response => response.json())
        .then(data => {
            myChart.data.labels = data.labels;
            myChart.data.datasets[0].data = data.values;
            myChart.update();
        })
        .catch(error => console.error('Error:', error));
}

// 定时获取数据
setInterval(fetchData, 5000);