如何获得x轴的高分辨率date?
有没有一个标准的方法来获得date的X轴为Highcharts? 在他们的文档中找不到它: http : //www.highcharts.com/ref/#xAxis-type
当我的时间范围足够大,它显示date。 但是,如果时间范围不够大,则只显示几小时,如下所示:
这不是理想的…如果在这种情况下可以显示date和时间,那就太好了。 任何人都知道?
Highcharts会自动尝试find当前缩放范围的最佳格式。 如果xAxis的types为'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:很长的月份,像“一月”。
- %m:两位数字的月份,01到12。
- %y:两位数字,如2009年的09。
- %Y:四位数字,如2009年。
- %H:24小时制,两位数小时,00至23。
- %I:12小时格式,00到11两位数字小时。
- %l(小写字母L):12h格式的小时数,1到11。
- %M:两位数分钟,从00到59。
- %p:大写AM或PM。
- %P:小写AM或PM。
- %S:两位数秒,从00到59
http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats
从Highcharts API检查这个样本 。
replace这个
return Highcharts.dateFormat('%a %d %b', this.value);
有了这个
return Highcharts.dateFormat('%a %d %b %H:%M:%S', this.value);
看看这里关于dateFormat()
函数。
另请参阅 – tickInterval和pointInterval
你这样写:
xAxis: { type: 'datetime', dateTimeLabelFormats: { day: '%d %b %Y' //ex- 01 Jan 2016 } }
还检查其他date时间格式
http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats