jQuery Flot：24小時軸

我使用的是jQuery Flot plugin，我想要24小時x軸。但是，如何做到這一點？我包括必要時插件（jquery.flot.time.js），並試圖像這樣：jQuery Flot：24小時軸

xaxis: { 
    mode: "time", 
    timeformat: "%H", 
    tickSize: [1, "day"], 
    twelveHourClock: true 
}

，但沒有被顯示出來。我究竟做錯了什麼？

來源

2014-01-27 covfefe

「24小時x軸」是什麼意思？一個僅限於24小時？如何標記蜱等......？ – Mark

我希望每隔1小時（24小時制）在x-asix時間上就像這樣：00:00，01:00，02:00等 – covfefe

您是否想要使用tickSize：[1，「小時「]而不是」日「？ – mechenbier

您正在尋找這樣的事情：

xaxis: { 
    mode: "time", 
    timeformat: "%I:%M %p", // HH:MM am/pm 
    tickSize: [1, "hour"], // tick every hour 
    twelveHourClock: true, 
    min: 1390780800000, // start of today 
    max: 1390863600000 // end of today 
},

很做作例如here。

enter image description here

EDITS

要顯示過去24小時的使用時間：

var epochT = (new Date).getTime(); // time right now in js epoch 

$.plot($("#placeholder"), [data], { 
xaxis: { 
    mode: "time", 
    timeformat: "%I:%M %p", 
    tickSize: [1, "hour"], 
    twelveHourClock: true, 
    min: epochT - 86400000, // time right now - 24 hours ago in milliseonds 
    max: epochT, 
    timezone: "browser" // switch to using local time on plot 
},

更新fiddle。

來源

2014-01-27 18:38:23 Mark

謝謝！完美的作品:)。只有一個問題，究竟是什麼意思，這些數字最小/最大，並有可能在最大有當前小時？ – covfefe

@CookieMan，那些最小值/最大值是今天開始和結束時的javascript時代。查看您的其他問題的編輯。 – Mark

你能幫我解決這個問題嗎？ http://stackoverflow.com/questions/25349545/flot-jquery-is-it-possible-to-draw-this-kind-of-chart –

jQuery Flot：24小時軸

回答

相關問題