如何得到在 x 轴高图日期？

有没有一种标准的方法来获得日期的 x 轴高图？在他们的文档中找不到: https://api.highcharts.com/highcharts/xAxis.type

当我的时间范围足够大时，它会显示日期。然而，当时间范围不够大时，它只显示小时，像这样:

enter image description here

这不太理想... 如果能显示日期和时间，那就太好了。有人知道怎么做吗？

171061 次浏览

小开

从高图 API 检查这个样本。

把这个换了

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

用这个

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

关于 dateFormat()函数，请查看给你。

也见-tickInterval和 PointInterval

小开

最佳答案

高清图将自动尝试为当前缩放范围寻找最佳格式。如果 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。 These are the available patters:

% a: 工作日短，像“ Mon”。
%A: Long weekday, like 'Monday'.
% d: 每月的两位数日，即01至31。
% e: 每月的一天，从1到31。
% b: 短月，像“一月”。
% B: 长月，像“一月”。
% m: 两位数字的月号，从01到12。
% y: 两位数的年份，比如2009年的09。
% Y: 4位数的年份，像2009年。
% H: 24h 格式的两位数字小时，00到23。
% I: 12h 格式的两位数字小时，00到11。
% l (小写 L) : 12小时格式，1至11小时。
%M: Two digits minutes, 00 through 59.
% p: 大写上午或下午。
% P: 小写上午或下午。
% S: 两位数秒，00到59

Http://api.highcharts.com/highcharts#xaxis.datetimelabelformats

小开

你这样写:

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

还要检查其他日期时间格式

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