2014-03-07 38 views
1

我想要一個線條圖,其中x軸是日期範圍,除了使用浮動圖(折線圖)以外,我們可以通過任何機會實現此目的。我們可以在flot graph時間序列圖中指定日期範圍嗎?

下面是我傳遞的數據

{ 
    "graph_data": [{ 
      "year": "2013", 
      "data": [ 
      [1357065000000, 162.21], 
      [1359743400000, 1742.14], 
      [1362162600000, 1673.77], 
      [1364841000000, 169.69], 
      [1367433000000, 151.19], 
      [1370111400000, 198.76], 
      [1372703400000, 159.90], 
      [1375381800000, 160.31], 
      [1378060200000, 174.81], 
      [1380652200000, 1746.58], 
      [1383330600000, 171.64], 
      [1385922600000, ""] 
     ] 
    }] 
} 

回答

4

在你能爲x軸增加的最大值和最小值的情節選項xaxis部分的方式。但是,您必須將這些作爲javascript時間戳,如documentation中所述。

你可以得到時間戳與new Date()getTime()方法的具體日期:

(new Date(2013, 0, 13)).getTime() 

這個例子爲您提供2013年1月13日(月上以零開始的月份)的時間戳。

的最小值和最大值的完整源代碼,然後:

xaxis: { 
     min: (new Date(2013, 0, 13)).getTime(), 
     max: (new Date(2013, 1, 13)).getTime(), 
     mode: "time", 
     timeformat: "%m/%d/%y", 
     minTickSize: [1, "day"] 
    }, 

一個完整的工作示例,請參見本fiddle。 (我使用2013年的日期,因爲你沒有2014年的數據。)

相關問題