如何为chartsjs线性图创建固定数量的y轴？

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

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

var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ['Label 1', 'Label 2', 'Label 3', 'Label 4', 'Label 5'],
        datasets: [{
            label: 'Dataset 1',
            data: [10, 20, 30, 40, 50],
            borderColor: 'red',
            fill: false
        }]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
});

options: {
    scales: {
        yAxes: [
            {
                id: 'y-axis-1',
                type: 'linear',
                position: 'left',
                ticks: {
                    beginAtZero: true
                }
            },
            {
                id: 'y-axis-2',
                type: 'linear',
                position: 'right',
                ticks: {
                    beginAtZero: true
                }
            }
        ]
    }
}

datasets: [
    {
        label: 'Dataset 1',
        data: [10, 20, 30, 40, 50],
        borderColor: 'red',
        fill: false,
        yAxisID: 'y-axis-1'
    },
    {
        label: 'Dataset 2',
        data: [50, 40, 30, 20, 10],
        borderColor: 'blue',
        fill: false,
        yAxisID: 'y-axis-2'
    }
]