Question

i need to create a highcharts chart with HH:MM on the y axis,
Is this doable? i have dates on the x axis and need to display HH:MM on stacked columns.
How can i do that?
Thanks!

Answer 1

If the yaxis is of type datetime then the chart will render them the best way it sees fit. If you don’t like the way they are rendered, you can control the datetime formats of the chart using dateTimeLabelFormats. You can also control the interval of the dates shown using tickInterval. Based on the datetime span of the data at the time the chart will pick one of the following default formats:

second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%e. %b',
week: '%e. %b',
month: '%b \'%y',
year: '%Y'

If you want to force them all to the Hour and Minute no matter what the range is then set them as follows:

second: '%H:%M',
minute: '%H:%M',
hour: '%H:%M',
day: '%H:%M',
week: '%H:%M',
month: '%H:%M',
year: '%H:%M'

EDIT

To display the x-axis values on the columns: enable and format the dataLabels on the column under plotOptions like below:

plotOptions: 
{
    column: 
    {
        stacking: 'normal',
        dataLabels: 
        {
            enabled: true,
            formatter: function() 
            {
                  return ''+ Highcharts.dateFormat('%H:%M', this.x);
            }
        }
    }
}