Highcharts甘特图rangeselector导航从最早日期起始的配置方法

默认情况下Highcharts甘特图的rangeselector设置时间范围后，会默认对齐到最新的日期端，要改成对齐最早日期端，按照如下方式修改配置即可：

• 在chart.events.load回调中手动指定x轴的初始可视范围，示例代码如下：

Highcharts.ganttChart('container', {
  // 其余原有配置保持不变
  chart: {
    events: {
      load: function () {
        const xAxis = this.xAxis[0];
        // 取所有任务的最早起始时间作为可视范围起点
        const startDate = xAxis.dataMin;
        // 可自定义默认展示的时间跨度，示例为展示90天的范围，单位为毫秒
        const showRange = 90 * 24 * 3600 * 1000;
        xAxis.setExtremes(startDate, startDate + showRange);
      }
    }
  },
  rangeSelector: {
    // 原有rangeselector配置无需修改
    enabled: true
    // ...其他原有rangeselector配置
  }
  // 其余原有配置保持不变
})

• 如果你在rangeselector中已经配置了默认的range参数，可以直接复用该参数值作为上面示例中的showRange，无需重复定义。

内容的提问来源于stack exchange，提问作者giorgio79