是否有一种标准的方法来获取Highcharts在x轴上的日期?在他们的文档中找不到它:http : //www.highcharts.com/ref/#xAxis--type
当我的时间范围足够大时,它将显示日期。但是,当时间范围不够大时,它将仅显示小时,如下所示:
这不理想...如果在这种情况下可以显示日期和时间,那就太好了。有人知道吗?
是否有一种标准的方法来获取Highcharts在x轴上的日期?在他们的文档中找不到它:http : //www.highcharts.com/ref/#xAxis--type
当我的时间范围足够大时,它将显示日期。但是,当时间范围不够大时,它将仅显示小时,如下所示:
这不理想...如果在这种情况下可以显示日期和时间,那就太好了。有人知道吗?
Answers:
Highcharts将自动尝试为当前缩放范围找到最佳格式。如果xAxis具有type,则完成此操作'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
。这些是可用的模式:
http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats
从Highcharts API中检出此示例。
取代这个
return Highcharts.dateFormat('%a %d %b', this.value);
有了这个
return Highcharts.dateFormat('%a %d %b %H:%M:%S', this.value);
请看这里关于dateFormat()
功能。
dateFormat
接受:github.com/highcharts/highcharts/issues/...
您这样写:
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
day: '%d %b %Y' //ex- 01 Jan 2016
}
}
还检查其他日期时间格式
http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats