从超文本标记语言表格生成的Highcharts :无法动态添加第二个yAxis

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="chartContainer"></div>

// 获取表格数据
var table = document.getElementById("tableId");
var data = [];

// 遍历表格行和列，将数据转换为Highcharts格式
for (var i = 1; i < table.rows.length; i++) {
  var row = table.rows[i];
  var rowData = [];
  for (var j = 0; j < row.cells.length; j++) {
    rowData.push(parseFloat(row.cells[j].innerText));
  }
  data.push(rowData);
}

// 创建图表对象
Highcharts.chart('chartContainer', {
  // 配置选项
  title: {
    text: 'Chart Title'
  },
  xAxis: {
    categories: ['Category 1', 'Category 2', 'Category 3']
  },
  yAxis: [{
    // 第一个y轴配置
    title: {
      text: 'Y Axis 1'
    }
  }, {
    // 第二个y轴配置
    title: {
      text: 'Y Axis 2'
    },
    opposite: true // 将第二个y轴放置在图表的右侧
  }],
  series: [{
    name: 'Series 1',
    data: data[0],
    yAxis: 0 // 指定使用第一个y轴
  }, {
    name: 'Series 2',
    data: data[1],
    yAxis: 1 // 指定使用第二个y轴
  }]
});