jQuery Flot:24小时轴

Question

我正在使用jQuery Flot插件,我希望有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
},

这里非常做作的例子.

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
},

更新了小提琴.