Highcharts - настраиваемая кнопка rangeSelector и изменение xAxis с почасовой на дату

Question

Я не могу обновлять и изменять метку оси диаграммы и данные в диаграмме с помощью настраиваемой кнопки выбора диапазона

У меня есть настраиваемая кнопка для выбора диапазона, и я хочу обновить и изменить диаграмму, добавив больше данных и новыхось

старая xAxis отображается с почасовой меткой (например, 10, 11, 12, 13, 15, 17), а когда я выбираю другую кнопку выбора диапазона, xAxis должна отображаться с меткой даты (например, 10Март, 10 апреля, 10 мая), но это не

Я использовал .setExtremes(), но метка xAxis больше не отображается, показывая, что я использовал .update({}) для обновления форматера, но форматер может назначить только 1 значение, а затемxAxis показать только один день для всех ярлыков (например, 11 мая, 11 мая, 11 мая)

let mainDate = new Date(indexGraph.xAxis[0].dataMax);

if (range == "Date") {
  var maxDate = mainDate.setDate(mainDate.getDate());
  var minDate = mainDate.setDate(mainDate.getDate() - count);
} else if (range == "Month") {
  var maxDate = mainDate.setMonth(mainDate.getMonth());
  var minDate = mainDate.setMonth(mainDate.getMonth() - count);
}

indexGraph.xAxis[0].update({
  labels: {
    formatter: function() {
      if ($("#renageSelectorDiv > div.selected")[0].id !== "1-day") {
        return Highcharts.dateFormat("%e %b", this.value);
      } else {
        return Highcharts.dateFormat("%H", this.value);
      }
    }
  }
});
indexGraph.xAxis[0].setExtremes(minDate, maxDate);

Я хочу знать, как я могу изменить его, чтобы исправить?или как лучше всего изменить и обновить ось (* yAxis и xAxis) и диаграмму