X轴标签的Highcharts 12hr时间格式

Question

我有一个 Highcharts 柱形图，其中包含 24 个不同的 y 值，这些 y 值对应于 0-23 之间的 x 值，代表一天中的小时数。

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

12am, 1am ...... 12pm, 1pm.....11pm ??

我试过了，但 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/