高图表正确使用日期时间

Highcharts proper usage of datetime?

本文关键字：日期 时间 高图表      更新时间：2023-09-26

我当前的设置在xaxis类别和tickinterval上有些静态（甚至看不到没有tickinterval的图形）。

如果您更改屏幕分辨率，它看起来有些糟糕，我希望 x 轴是动态的。

我收集到的你应该使用像这样的数据 http://www.highcharts.com/samples/data/usdeur.js 和像下面的xAxis？ 

xAxis: { type: 'datetime' }

但是这个例子只使用YYMMDD，我也使用hh：mm：ss。

目前看起来像这样： i.imgur.com/v649otj.png

xAxis: {
        categories: getjson('Date'),
        tickInterval: 20
},
series: [
      {name:'Cars',       data: getjson('Values')},
]

数据：

getjson('Date') equals:
Array [ "2014-11-09 02:36:00", "2014-11-07 07:35:00", "2014-11-08 20:29:00", "2014-11-08 20:30:00", "2014-11-10 11:06:00", "2014-11-08 08:12:00", "2014-11-08 20:31:00", "2014-11-08 20:23:00", "2014-11-08 20:24:00", "2014-11-08 20:25:00", 190 till… ]

getjson('Values') equals:
Array [ 13, 209, 209, 19, 0, 209, 15, 13, 13, 19, 190 till… ]

那么我该如何使用这些数据和日期时间配置。以某种方式将"日期"数据推送到与"值"相同的数组中并将其转换为正确的日期格式？

编辑：当前工作：http://jsfiddle.net/tws8x0pd/4/

Datetime配置使用UTC数字而不是YYMMDD！您应该在系列 data 中传递日期时间Date.UTC(year,month,day,hour,minute,second)数据，格式为： 

series: [
  {name:'...', data: [ [ Date.UTC(year,month,day,hour,minute,second), value ],
                       [ Date.UTC(year,month,day,hour,minute,second), value ],
                       ...
                     ]
  }
]

所以你应该得到年，月,...超出您的json日期，并将其与相应的值放在json值中。每个都在一个数组中，而不是在单独的数组中分开。

时间需要作为时间戳（以毫秒为单位的时间），而不是像您那样 strnig。所以你需要通过Date.parse（）/Date.UTC（）准备正确的数据

相关文章：