如何使用鼠标滚轮滚动gnatt highcharts

Highcharts.ganttChart('container', {
  // 图表配置
  chart: {
    zoomType: 'x'
  },
  // x轴配置
  xAxis: {
    scrollbar: true,
    min: 0,
    max: 100 // 根据实际需求设置范围
  },
  // 数据系列配置
  series: [{
    // 数据系列配置
    data: [{
      // 数据点配置
      start: Date.UTC(2022, 0, 1),
      end: Date.UTC(2022, 0, 5),
      name: '任务1'
    }, {
      start: Date.UTC(2022, 0, 6),
      end: Date.UTC(2022, 0, 10),
      name: '任务2'
    }]
  }],
  // 事件配置
  plotOptions: {
    series: {
      point: {
        events: {
          wheel: function (event) {
            // 处理鼠标滚轮事件
            var delta = event.deltaY || event.detail || (-event.wheelDelta / 120);
            var chart = this.series.chart;
            var xAxis = chart.xAxis[0];
            var newMin = xAxis.min - delta * 10; // 根据实际需求调整滚动速度
            var newMax = xAxis.max - delta * 10;
            xAxis.setExtremes(newMin, newMax);
          }
        }
      }
    }
  }
});