2013-03-15 95 views
1

我花了幾個小時查看StackOverflow,發現了一個類似的問題,但找不到滿足我所需要的一個問題。使用flot和jquery在x軸上固定小時數

我的代碼從我的XML文件,沒有問題的完美處理數據,但是如果僅一小時可用的數據它橫跨在整個x軸,像這樣:

             15:00 

我會喜歡在X軸上看到固定的數量,所以不用僅僅顯示15:00它也會顯示未來的小時數,無論數據是否可用。例如:

15:00  16:00  17:00  18:00  19:00  20:00  21:00 

我現在的配置如下,但不知道如何作出上述發生

{ 
    grid: { 
     hoverable: false, 
     clickable: false, 
     borderWidth: 1 
    }, 
    xaxis: { 
     mode: "time", 
     minTickSize: [1, "hour"], 
     timeFormat: "%H:%M" 
    }, 
    yaxis: { 
     min: 20, 
     max: 45 
    }, 
    legend: { 
     show: true, 
     position: 'ne' 
    }, 
    valueLabels: { 
     show:true, 
     showAsHtml: true 
    } 
} 

回答

1

我處理的JSON數據創建側這種類型的情況。不知道是否有flot選項來做類似的事情。通過使用null作爲我期望的所有時間戳的數據值。如果你有第一個小時,你可以增加60 * 60 * 1000 E.g.

"data": [ 
    [ 
    1362139200000, 
    1.56 
    ], 
    [ 
    1362142800000, 
    null 
    ], 
    [ 
    1362146400000, 
    null 
    ], 
    [ 
    1362150000000, 
    null 
    ], 
    [ 
    1362153600000, 
    null 
    ], 
    [ 
    1362157200000, 
    null 
    ], 
    etc. 

]

+0

阿好主意 - 一旦我我的工作電腦上再次獲得週一我給它一個去,讓你知道,如果它的作品! :) – Dangeruss 2013-03-17 12:46:04

+0

完美作品:)非常感謝您的指導! – Dangeruss 2013-03-20 20:19:58