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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (19)

有没有一种标准的方法来获取Highcharts的X轴日期?无法在他们的文档中找到它:http : //www.highcharts.com/ref/#xAxis-type

当我的时间范围足够大时,它显示日期。但是,如果时间范围不够大,则只显示几小时,如下所示:

这并不理想......如果它能在这种情况下显示日期和时间,那会很棒。谁知道怎么做吗?

提问于
用户回答回答于

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:很长的月份,比如'一月份'。
  • %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

用户回答回答于

从Highcharts API中检查此样本

替换这个

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

有了这个

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

看看这里dateFormat()功能。

扫码关注云+社区