使用chart.js显示多个数据集的折线图

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

<canvas id="lineChart"></canvas>

var ctx = document.getElementById('lineChart').getContext('2d');
var lineChart = new Chart(ctx, {
    type: 'line',
    data: {
        datasets: []
    },
    options: {
        // 配置选项
    }
});

lineChart.data.datasets.push({
    label: '数据集1',
    data: [10, 20, 30, 40, 50],
    borderColor: 'red',
    fill: false
});

lineChart.data.datasets.push({
    label: '数据集2',
    data: [5, 15, 25, 35, 45],
    borderColor: 'blue',
    fill: false
});

// 添加更多数据集...

options: {
    title: {
        display: true,
        text: '折线图'
    },
    scales: {
        x: {
            display: true,
            title: {
                display: true,
                text: 'X轴'
            }
        },
        y: {
            display: true,
            title: {
                display: true,
                text: 'Y轴'
            }
        }
    },
    // 更多配置选项...
}

lineChart.update();