javascript - jQuery Flot : 24 hour axis

Question

我正在使用 jQuery Flot plugin我想要 24 小时 x 轴。但是如何实现呢？我包含了必要的时间插件 (jquery.flot.time.js) 并尝试了这样的事情:

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

但是什么也没有出现。我做错了什么？

Answer 1

您正在寻找这样的东西:

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 .

编辑

要显示过去 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 .