[英]Highcharts proper usage of datetime?
我当前的设置对于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
! 您应该使用Date.UTC(year,month,day,hour,minute,second)
传递日期Date.UTC(year,month,day,hour,minute,second)
data
,格式为:
series: [
{name:'...', data: [ [ Date.UTC(year,month,day,hour,minute,second), value ],
[ Date.UTC(year,month,day,hour,minute,second), value ],
...
]
}
]
因此,您应该从json
日期中获取年,月,...,并将其与json
值中的相应值放在一起。 每个在一个阵列中,而不分开在单独的阵列中。
时间要求与时间戳(以毫秒为单位)不一样。 因此,您需要通过Date.parse()/ Date.UTC()准备正确的数据
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.