Show only time labels on xAxis. Highcharts

starky picture starky · Jul 4, 2012 · Viewed 8.2k times · Source

I need to display only time labels on xAxis. I'm using Highcharts and don't fully understand how to do it. On xAxis there should be time labels in format like 21:00. I do not need dates, only time is needed. In addition, the difference between two labels should be 00:30 (half an hour) or 01:30 and it should be zoomable. My PHP script writes some value in database every half an hour and I need to display it on a graph. Sorry for my poor English, I'm Russian. Any help would be appreciated :)

Answer

Ruchit Rami picture Ruchit Rami · Jul 4, 2012

In xAxis of your chart you need to provide tickinterval and dateTimeLabelFormats. Following code gives the tick interval of 1.5 hours. You can change that to any number of hours you want by replacing 1.5 in 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'
    }
}