2013-09-27 26 views
0

即時通訊工作的高層我需要顯示的圖形有起始和結束日期,如低日期是2013年8月10日和高日期是2013-08-20不同顏色的每一行,我已經完成數字,但不能做日期可以任何一個幫助我?Highchart日期的數據

series: [{ 
     name: 'Initiatives', 
     data: [{ 
      x: 0, 
      y: ['2013-08-4','2013-08-16'], 
      fillColor: "red" 
     },{ 
      x: 1, 
      y: ['2013-08-2','2013-09-9'], 
      fillColor: "blue" 
     }] 
    }] 

回答

0

如果你想繪製反黑組,您可以使用JavaScript Date.UTC功能:

y: [Date.UTC(2013,7,4),Date.UTC(2013,7,16)], 

注意,JavaScript的幾個月零開始,至八月是7

你應該嘗試類似:

 data: [{ 
      x: 0, 
        low:Date.UTC(2013,7,4), 
        high:Date.UTC(2013,7,16), 
      color: "red" 
     },{ 
      x: 1, 
        low: Date.UTC(2013,7,2), 
        high:Date.UTC(2013,8,9), 
      color: "blue" 
     }] 

http://jsfiddle.net/x4gQp/

+0

它不工作我已經嘗試http://jsfiddle.net/5pCEk/ –

+0

我不知道你想什麼陰謀。你能描述一下你想要的情節,或者向我們展示一些類似的東西嗎? – SteveP

+0

我想要類似這樣但有日期http://jsfiddle.net/5pCEk/7/ –

0

在highcharts,你也可以做的毫秒數自1970-01-01 00:00:00 UTC

series: [{ 
    name: 'Initiatives', 
    data: [{ 
     x: 0, 
     y: [1375574400000, 1376611200000], 
     fillColor: "red" 
    },{ 
     x: 1, 
     y: [1375401600000, 1378684800000], 
     fillColor: "blue" 
    }] 
}] 

,如果你正在生成的圖表數據的另一種語言,這非常有用。

在紅寶石例如,很容易:Date.parse('2013-09-9').strftime('%Q')