2012-07-04 2 views
9

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

ответ

16

В 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' 
    } 
} 
+0

Спасибо за такой быстрый ответ! Теперь у меня другая проблема - я не могу понять, как сделать числа на ярлыках времени yAxis на xAxis. Не могли бы вы мне помочь, пожалуйста? – starky

+0

Если вы используете данные json для привязки диаграмм, это поможет вам http://www.highcharts.com/ref/show/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/ master/samples/highcharts/series/data-array-of-name-value/ –

+0

Вышеупомянутая ссылка извлекает 404 – CookieCoder