如何在多个HighStocks图表之间连接/同步xAxis十字光标

// 第一个图表
var chart1 = Highcharts.stockChart('chart1', {
  // 配置x轴
  xAxis: {
    type: 'datetime',
    min: Date.UTC(2022, 0, 1),
    max: Date.UTC(2022, 11, 31),
    tickInterval: 24 * 3600 * 1000 // 每天一个刻度
  },
  // 启用十字光标
  plotOptions: {
    series: {
      states: {
        hover: {
          enabled: true
        }
      }
    }
  },
  tooltip: {
    positioner: function () {
      return { x: this.chart.plotLeft, y: this.chart.plotTop };
    }
  },
  series: [{
    data: [/* 数据数组 */]
  }],
  // 选择范围事件处理程序
  chart: {
    events: {
      selection: function (event) {
        var min = event.xAxis[0].min,
            max = event.xAxis[0].max;
        // 将选择的范围应用于其他图表
        chart2.xAxis[0].setExtremes(min, max);
      },
      mouseMove: function (event) {
        var x = event.xAxis[0].value;
        // 将鼠标的x轴值应用于其他图表
        chart2.xAxis[0].drawCrosshair(event, { x: x });
      }
    }
  }
});

// 第二个图表
var chart2 = Highcharts.stockChart('chart2', {
  // 配置x轴（与第一个图表相同）
  xAxis: {
    type: 'datetime',
    min: Date.UTC(2022, 0, 1),
    max: Date.UTC(2022, 11, 31),
    tickInterval: 24 * 3600 * 1000
  },
  // 启用十字光标
  plotOptions: {
    series: {
      states: {
        hover: {
          enabled: true
        }
      }
    }
  },
  tooltip: {
    positioner: function () {
      return { x: this.chart.plotLeft, y: this.chart.plotTop };
    }
  },
  series: [{
    data: [/* 数据数组 */]
  }],
  // 选择范围事件处理程序
  chart: {
    events: {
      selection: function (event) {
        var min = event.xAxis[0].min,
            max = event.xAxis[0].max;
        // 将选择的范围应用于其他图表
        chart1.xAxis[0].setExtremes(min, max);
      },
      mouseMove: function (event) {
        var x = event.xAxis[0].value;
        // 将鼠标的x轴值应用于其他图表
        chart1.xAxis[0].drawCrosshair(event, { x: x });
      }
    }
  }
});