如何在chart.js中对齐两个图表上的垂直轴区域

// 创建两个canvas元素
<canvas id="chart1"></canvas>
<canvas id="chart2"></canvas>

// 初始化两个图表对象
var ctx1 = document.getElementById('chart1').getContext('2d');
var chart1 = new Chart(ctx1, {
  type: 'line',
  data: {
    // 图表数据
  },
  options: {
    scales: {
      yAxes: [{
        // 垂直轴配置
      }]
    }
  }
});

var ctx2 = document.getElementById('chart2').getContext('2d');
var chart2 = new Chart(ctx2, {
  type: 'line',
  data: {
    // 图表数据
  },
  options: {
    scales: {
      yAxes: [{
        // 垂直轴配置
      }]
    }
  }
});

// 编写插件来对齐垂直轴区域
Chart.plugins.register({
  afterRender: function(chart) {
    if (chart === chart1 || chart === chart2) {
      // 获取两个图表的垂直轴对象
      var scales = chart.scales;
      var yAxis1 = scales['y-axis-0'];
      var yAxis2 = scales['y-axis-0'];

      // 调整垂直轴的位置，使它们对齐
      var offset = yAxis1.right - yAxis2.left;
      if (offset > 0) {
        yAxis2.right += offset;
        yAxis2.left += offset;
      } else {
        yAxis1.right -= offset;
        yAxis1.left -= offset;
      }

      // 重新绘制图表
      chart.update();
    }
  }
});