[Solved]-Async update axes in highcharts-Highcharts

Disabling the update animation and using setExtremes method will be enough:

function updateAxes() {
  var newX = document.getElementById("update_axes").value;

  Highcharts.charts.forEach(chart => {
    chart.xAxis[0].setExtremes(null, newX, true, false);
  });
}

Live demo: https://jsfiddle.net/BlackLabel/62a3sLc7/

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