日期與 高圖的時間圖

Question

我不知道這是否可能。 這是我的數據

  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/

我想繪制一個日期為Vs的條形圖。 時間。 圖例應為條形所用的顏色。 1 =紅色，2 =藍色等

基本上barcolor代表部分。 這樣，用戶可以輕松識別此欄屬於哪個部分。

如果可能的話，我想顯示一個名稱字段，例如（adam，tim等）

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

Answer 1

您在這里提出了許多不同的問題，但是我可以為您提供一些幫助。

對於您的數據，您需要將其指定為有效的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/