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