如何在x轴上获得高图日期？

Question

是否有标准方法在Highcharts的x轴上获取日期？在他们的文档中找不到它:http://www.highcharts.com/ref/#xAxis--type

当我的时间范围足够大时,它会显示日期.但是,当时间范围不够大时,它只显示小时数,如下所示:

这不太理想......如果它能在这种情况下显示日期和时间,那就太棒了.谁知道怎么样？

Answer 1

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.这些是可用的模式:

• %a:工作日很短,就像'周一'.
• %A:工作日很长,就像'星期一'.
• %d:每月两位数,01至31.
• %e:每月的日期,1到31.
• %b:短月,如'Jan'.
• %B:长月,如'1月'.
• %m:两位数月份号码,01到12.
• %y:两位数年份,如2009年的09年.
• %Y:四位数年份,如2009年.
• %H:24小时格式的两位数小时,00到23.
• %I:12h格式的两位数小时,00到11.
• %l(小写L):12小时格式,1到11小时.
• %M:两位数分钟,00到59.
• %p:大写AM或PM.
• %P:小写AM或PM.
• %S:两位数秒,00到59

http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats

Answer 2

从Highcharts API中检查此示例.

替换它

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

有了这个

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

看看这里的dateFormat()功能.

另请参阅 - tickInterval和pointInterval

Answer 3

你这样写 - :

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

还检查其他日期时间格式

http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats