在同一绘图中绘制多条曲线(x、y1、y2、x、y3、y4)

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

// 创建一个canvas元素作为图表容器
<canvas id="myChart"></canvas>

// 准备数据
var xData = [1, 2, 3, 4, 5]; // x轴数据
var y1Data = [10, 20, 30, 40, 50]; // y1轴数据
var y2Data = [5, 10, 15, 20, 25]; // y2轴数据
var y3Data = [2, 4, 6, 8, 10]; // y3轴数据
var y4Data = [100, 200, 300, 400, 500]; // y4轴数据

// 创建图表
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: xData,
        datasets: [{
            label: 'y1',
            data: y1Data,
            borderColor: 'red',
            fill: false
        }, {
            label: 'y2',
            data: y2Data,
            borderColor: 'blue',
            fill: false
        }, {
            label: 'y3',
            data: y3Data,
            borderColor: 'green',
            fill: false
        }, {
            label: 'y4',
            data: y4Data,
            borderColor: 'orange',
            fill: false
        }]
    },
    options: {
        responsive: true,
        scales: {
            x: {
                display: true,
                title: {
                    display: true,
                    text: 'x'
                }
            },
            y: {
                display: true,
                title: {
                    display: true,
                    text: 'y'
                }
            }
        }
    }
});