Как получить даты highcharts по оси x?

Question

Как получить даты highcharts по оси x?

есть ли стандартный способ получить даты по оси X для Highcharts? Не могу найти его в своей документации:http://www.highcharts.com/ref/#xAxis--type

когда мой временной диапазон достаточно велик, он показывает даты. Однако, когда диапазон времени недостаточно велик, он просто показывает часы, например:

enter image description here

Это меньше, чем идеал... если бы он мог показать дату и время в этом случае, это было бы здорово. Кто-нибудь знает как?

401 3

javascript

3 ответов:

Comments

Ничего не найдено.

eolsson · Accepted Answer · 2014-07-25 00:34:13

Highcharts автоматически попытается найти лучший формат для текущего диапазона масштабирования. Это делается, если xAxis имеет тип 'datetime'. Далее вычисляется единица текущего масштабирования, она может быть одной из:

второй

минуту

час

день

неделя

месяц

год

Это устройство затем используется найти формат для меток оси. Шаблоны по умолчанию являются:
second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%e. %b',
week: '%e. %b',
month: '%b \'%y',
year: '%Y'
если вы хотите, чтобы день был частью меток уровня "час", вы должны изменить dateTimeLabelFormats опция для этого уровня включает %d или %e. Это доступные скороговорки:

%a: короткий будний день, как "Пн".

%A: длинный будний день, как "понедельник".

%d: двухзначный день месяца, с 01 по 31.

%e: день месяца, с 1 по 31.

%b: короткий месяц, как 'Jan'.

%B: длинный месяц, например, "январь".

%m: номер месяца 2 чисел, 01 до 12.

%y: две цифры год, как 09 для 2009 года.

%Y: четыре цифры год, как 2009.

%H:две цифры часов в формате 24h, с 00 до 23.

%I: две цифры часов в формате 12h, с 00 до 11.

%l (нижний регистр L): часы в формате 12h, от 1 до 11.

%M: две цифры минут, от 00 до 59.

%p: верхний регистр AM или PM.

%P: Нижний регистр AM или PM.

%S: две цифры секунд, от 00 до 59

http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats

Bhesh Gurung · Accepted Answer · 2018-06-20 22:09:52

проверить это пример из API Highcharts.

заменить
return Highcharts.dateFormat('%a %d %b', this.value);
С
return Highcharts.dateFormat('%a %d %b %H:%M:%S', this.value);
посмотреть здесь о

Ronniemittal · Accepted Answer · 2016-08-25 11:43:18

вы пишете такой-:
xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
           day: '%d %b %Y'    //ex- 01 Jan 2016
        }
}
также проверьте наличие другого формата даты и времени

http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats