Highcharts - максимальное значение xAxis datetime не создает зазора

#highcharts

Вопрос:

В настоящее время я работаю над определенным типом диаграммы и пытаюсь добиться, например, следующего поведения :

Как вы можете видеть, существует разрыв между последней точкой серии и максимальным значением xAxis, и причина этого в том, что я хочу зафиксировать максимальное значение и загружать ежедневные значения определенной валюты по мере прохождения дня. Так, например, утром этот график был бы пуст, а к 18:30 он был бы заполнен.

В моем макетном примере у меня есть текущая диаграмма:

и когда я пытаюсь установить новое максимальное значение xAxis ( я также пробовал softMax) на будущий день (используя конвертер эпох для метки времени), я получаю это:

и я установил максимум, выполнив :

   return {
    endOnTick: false,
    max:1631962355,
    tickLength: 2,
    gridLineColor: '#b9b9b9',
    gridLineWidth: 0,
    tickColor: '#808080',
    labels: {
      style: {
        color: '#b9b9b9',
      },
      x: 0,
      y: 12,
      format: '{value:%d.%b}',
    },
    visible: true,
  };

}

ОБНОВЛЕНИЕ После реализации вашего ответа я получаю еще более странное поведение. Я получаю тот же начальный старт, что и раньше (без разницы), но теперь, если я нажму и перетащу его вправо, я перейду от этого :

к этому:

и если я нажму и перетащу его влево, в это:

Преобразование происходит без анимации, ни при наблюдении за движением перетаскивания, ни при перемещении. Он просто мгновенно преобразуется после того, как я некоторое время перетаскиваю указатель курсора в стороны, о которых я упоминал выше

Ответ №1:

Вам нужно использовать миллисекунды вместо секунд:

 xAxis: {
  max: 1631962355000,
  ...
}

Живая демонстрация: https://jsfiddle.net/Черная метка/herncjL5/

Ссылка на API: https://api.highcharts.com/highstock/xAxis.max