Highcharts 12小时时间格式的x轴标签

Question

我有一个Highcharts柱形图,其中有24个不同的y值,对应于0-23的x值,表示当天的小时.

Highcharts是否具有0-23小时的内置格式,这样我就可以让X轴显示时间标签,如下所示:

上午12点,凌晨1点......中午12点,下午1点.....晚上11点？

我试过这个,但Highcharts忽略了x值:

series: [{
   name: 'Time of Day',
   data: [['12am', 6],['1am', 1],['3am', 1],['5am', 1],['7am', 2],['8am', 19],['9am', 54],['10am', 80],['11am', 73],['Noon', 92],['1pm', 105],['2pm', 87],['3pm', 100],['4pm', 74],['5pm', 59],['6pm', 38],['7pm', 24],['8pm', 7],['9pm', 10],['10pm', 4],['11pm', 8],]
}]

编辑:

您可以在此示例数据中看到,数据可能不包含每小时的值.

Answer 1

您可以使用php strftime格式指定要显示的日期/时间格式,http://php.net/manual/en/function.strftime.php.

因此,例如,如果您想要将小时数(何时以及是否显示)和分钟(何时以及是否显示)更改为12小时格式%I而不是%H.

xAxis: {
    type: 'datetime',
    dateTimeLabelFormats: {
        day: '%e of %b',
        minute:  '%I:%M',
        hour: '%I:%M'
    }
}

jsfiddle - http://jsfiddle.net/xya6kato/