如何在 x 轴上获取 highcharts 日期？答案

【问题标题】：How to get highcharts dates in the x axis?如何在 x 轴上获取 highcharts 日期？
【发布时间】：2011-10-29 09:51:14
【问题描述】：

是否有一种标准方法可以在 Highcharts 的 x 轴上获取日期？在他们的文档中找不到它：https://api.highcharts.com/highcharts/xAxis.type

当我的时间范围足够大时，它会显示日期。但是，当时间范围不够大时，它只会显示小时，如下所示：

这不太理想...如果它可以在这种情况下显示日期和时间，那就太好了。有人知道怎么做吗？

【问题讨论】：

【解决方案1】：

从 Highcharts API 中检查此 sample。

替换这个

return Highcharts.dateFormat('%a %d %b', this.value);

有了这个

return Highcharts.dateFormat('%a %d %b %H:%M:%S', this.value);

查看here 的dateFormat() 函数。

【讨论】：

【解决方案2】：

Highcharts 会自动尝试为当前缩放范围寻找最佳格式。如果 xAxis 的类型为 'datetime'，则执行此操作。接下来计算当前缩放的单位，它可以是以下之一：

然后使用此单位查找轴标签的格式。默认模式是：

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

如果您希望天成为“小时”级别标签的一部分，您应该更改该级别的dateTimeLabelFormats 选项，包括%d 或%e。这些是可用的模式：

【讨论】：

【解决方案3】：

你这样写-：

xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
           day: '%d %b %Y'    //ex- 01 Jan 2016
        }
}

还检查其他日期时间格式

【讨论】：