Date Vs.時間圖與HighCharts

我不知道這是否可能。這是我的數據Date Vs.時間圖與HighCharts

x-axis  y-axis BarColor(1-5) 
2013-09-23 05:49:31  1 Or Section A 
2013-09-24 01:57:09  2 Or Section B 
2013-09-26 01:23:25  3 Or Section C 
2013-09-28 11:21:03  2 
2013-09-28 00:27:40  4 Or section D 
2013-09-28 05:45:08  5 
2013-09-29 07:31:58  2 
2013-09-29 01:56:07  1 
2013-09-30 01:38:08  2 
2013-09-30 NULL   5 Or Section E 
2013-10-01 01:41:03  5 
2013-10-02 02:13:46  4 
2013-10-03 01:54:02  1

這是我已經創建http://jsfiddle.net/GN3Qm/

撥弄我想畫一個條形圖日期比。時間。例如，傳奇應該用於酒吧的顏色。對於1 =紅色，2 =藍色等

基本上barcolor代表部分。通過這種方式，用戶可以輕鬆識別出該欄屬於哪個部分。

Just an rough idea of graph

如果可能的話onHover選項我想告訴像（亞當，恬等） onHover選項

2013-09-23 05:49:31 1 Adam 
2013-09-23 05:49:31 1 tim

來源

2013-10-04 Waqas

你已經問了很多不同的問題，但我可以一個名稱字段幫助一些。

對於您的數據，您需要將其指定爲有效的javascript日期時間。你可以這樣做：

series: [{ 
     name: 'Time', 
     data: [ 
      Date.UTC(1970,0,1,1,41,3,0), 
      Date.UTC(1970,0,1,2,13,46,0), 
      Date.UTC(1970,0,1,1,54,2,0)] 
    }]

這指定1970年1月1日不同時間的日期。此外，可以使圖表y軸的地方開始你想要的：

yAxis: { 
     type: 'datetime', 
     min:Date.UTC(1970,0,1,1,0,0,0),

在這種情況下，1點。

使點顏色的一種方法是在每個數據點中指定一種顏色。這個例子使第一點紅

series: [{ 
     name: 'Time', 
     data: [ 
      {y:Date.UTC(1970,0,1,1,41,3,0),color:'red'}, 
      Date.UTC(1970,0,1,2,13,46,0), 
      Date.UTC(1970,0,1,1,54,2,0)] 
    }]

爲了得到傳說中的每一個點，你可能會更好用每個點單獨的系列實驗。

http://jsfiddle.net/RcSDc/

來源

2013-10-04 08:28:46 SteveP

Date Vs.時間圖與HighCharts

回答

相關問題