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 Query

More Query from same tag