JQuery Flot Xaxis время - PullRequest
Новая
       15

JQuery Flot Xaxis время

18 голосов
/ 24 марта 2010

В этом примере в xaxis будем сравнивать дни ... 

$.plot($("#placeholder"), data, {
                yaxis: {},
                xaxis: { mode: "time",minTickSize: [1, "day"],timeformat: "%d/%m/%y"},"lines": {"show": "true"},"points": {"show": "true"},clickable:true,hoverable: true
            });

Как мне распечатать время?

Вот результат, который я хочу:

22: 00 23:00 00:00 01:00 02:00 ...... 23:00 00:00 01:00 02:00 .... 06: 00

Возможно ли это?

Ответы [ 2 ]

57 голосов
/ 21 января 2011

Из официальных документов Api Flot: (см. https://github.com/flot/flot/blob/master/API.md)

  xaxis: {
    mode: "time",
    timeformat: "%y/%m/%d"
  }

Это приведет к появлению меток типа "2000/12/24". Следующие поддерживаются спецификаторы 

 %h: hours
  %H: hours (left-padded with a zero)
  %M: minutes (left-padded with a zero)
  %S: seconds (left-padded with a zero)
  %d: day of month (1-31), use %0d for zero-padding
  %m: month (1-12), use %0m for zero-padding
  %y: year (2 digits)
  %Y: year (4 digits)
  %b: month name (customizable)
  %p: am/pm, additionally switches %h/%H to 12 hour instead of 24
  %P: AM/PM (uppercase version of %p)
20 голосов
/ 24 марта 2010 
$.plot($("#placeholder"), data, {
        yaxis: {
        },
        xaxis: { mode: "time",minTickSize: [1, "hour"],
                min: (new Date("2000/01/01")).getTime(),
                max: (new Date("2000/01/02")).getTime()
},
        "lines": {"show": "true"},
        "points": {"show": "true"},
        clickable:true,hoverable: true
});

используйте это как отправную точку, и вы можете увидеть результат здесь http://jsfiddle.net/UEePE/

...