score:1

You can use setExtremes method in chart's load event and set the initial selected area.

chart: {
  ...,
  events: {
    load: function() {
      const xAxis = this.xAxis[0];
      xAxis.setExtremes(
        xAxis.dataMin,
        xAxis.dataMin + (xAxis.max - xAxis.min),
        true,
        false
      );
    }
  }
}

Live demo: https://jsfiddle.net/BlackLabel/hm4xLzft/

API Reference: https://api.highcharts.com/class-reference/Highcharts.Axis#setExtremes


Related Articles