Показывать только метки времени на xAxis. Highcharts

Мне нужно отображать только метки времени на xAxis. Я с помощью Highcharts и не совсем понимаю как это сделать. На xAxis должны быть метки времени в формате 21: 00. Мне не нужны даты, нужно только время. Кроме того, разница между двумя метками должно быть 00:30 (полчаса) или 01:30, и она должна быть масштабируемой. Мой PHP скрипт записывает значения в базу данных каждые полчаса и мне нужно отобразить его на графике. Извините за мой плохой английский, я русский. Любая помощь будет оценили:)

9
axis-labels highcharts time

1 ответов

в xAxis вашей диаграммы вам нужно предоставить tickinterval и dateTimeLabelFormats. Следующий код дает тиковый интервал 1,5 часа. Вы можете изменить это на любое количество часов, заменив 1.5 в tickInterval: 1.5 * 3600 * 1000,

xAxis: {
    type: 'datetime',
    //Sets tickInterval to 24 * 3600 * 1000 if display is by day
    tickInterval: 1.5 * 3600 * 1000,
    dateTimeLabelFormats : {
        day: '%H:%M'
    }
}
16