如何获得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