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

javascript highcharts

2022-08-30 05:07:59

有没有一种标准方法可以在高图表的x轴上获取日期？在他们的文档中找不到它：https://api.highcharts.com/highcharts/xAxis.type

当我的时间范围足够大时，它会显示日期。但是，当时间范围不够大时，它只显示小时，如下所示：

enter image description here

这不太理想...如果在这种情况下它可以显示日期和时间，那就太好了。有人知道怎么做吗？

答案 1

高图表将自动尝试为当前缩放范围找到最佳格式。如果 xAxis 的类型为 .接下来计算当前缩放的单位，它可以是以下之一：'datetime'

然后使用此单位查找轴标签的格式。默认模式为：

second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%e. %b',
week: '%e. %b',
month: '%b \'%y',
year: '%Y'

如果希望该天成为“小时”级别标签的一部分，则应更改该级别 include 或的选项。这些是可用的模式：dateTimeLabelFormats%d%e

答案 2

从高图表 API 中查看此示例。

替换此

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

有了这个

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

请在此处查看有关该函数的信息。dateFormat()