2011-11-30 161 views
0

Here (jsfiddle)是我的數據代碼。生成的圖形相當凌亂有人可以幫助我嗎?Highcharts根據隨機最小時間間隔的x軸格式數據

我的數據是每隔一段時間像以下:

 
hours:mins 
10:13 
15:15 
18:14 
22:13 
00:13 

通過隨機的時間。

我已經將它們轉換爲毫秒,沒有問題,但在Highcharts中顯示它們存在一些問題,可能是我沒有調用req函數來格式化數據以在此處顯示正確的或某物。

在理解的格式一些日期:

 
Tue Nov 08 10:13:00 IST 2011 
Tue Nov 08 15:15:00 IST 2011 
Tue Nov 08 18:14:00 IST 2011 
Tue Nov 08 22:13:00 IST 2011 
Wed Nov 09 00:13:00 IST 2011 
Wed Nov 09 03:13:00 IST 2011 
Wed Nov 09 06:13:00 IST 2011 
Wed Nov 09 10:13:00 IST 2011 
Wed Nov 09 15:13:00 IST 2011 
Wed Nov 09 18:13:00 IST 2011 
Wed Nov 09 22:13:00 IST 2011 
Thu Nov 10 00:13:00 IST 2011 

回答

2

Highstock需要時間的數據進行排序。渲染之前添加此解決您的問題:

data.sort(function (a, b) { 
    return a[0] - b[0]; 
}); 

更新例如:http://jsfiddle.net/CYJAk/3/

+0

謝謝:) BTW怎麼也顯示分鐘x軸或至少在提示 因爲它指定數據的確切時間正確的,否則它將表明只是在x和y時間之間的數據 – cypronmaya

+0

檢查此答案以瞭解datetime軸上的標籤如何工作:http://stackoverflow.com/questions/7101464/how-to-get-highcharts-dates-內式x軸/ 7104992#7104992 – eolsson