繁体   English   中英

Highcharts正确使用datetime?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM