使用Chart.js无法正确绘制第二个yAxes值

// 引入Chart.js库文件

// 创建Canvas元素
<canvas id="myChart"></canvas>

// 创建数据和配置选项对象
var data = {
  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
  datasets: [
    {
      label: 'Dataset 1',
      data: [10, 20, 30, 40, 50, 60, 70],
      yAxisID: 'y-axis-1', // 关联第一个y轴
      backgroundColor: 'rgba(255, 99, 132, 0.2)',
      borderColor: 'rgba(255, 99, 132, 1)',
      borderWidth: 1
    },
    {
      label: 'Dataset 2',
      data: [5, 10, 15, 20, 25, 30, 35],
      yAxisID: 'y-axis-2', // 关联第二个y轴
      backgroundColor: 'rgba(54, 162, 235, 0.2)',
      borderColor: 'rgba(54, 162, 235, 1)',
      borderWidth: 1
    }
  ]
};

var 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
        }
      }
    ]
  }
};

// 创建图表
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
  type: 'line',
  data: data,
  options: options
});