morris - jquery flot tiempo xaxis

jqplot

Question

En este ejemplo en xaxis compararemos los días ...

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

¿Cómo puedo imprimir el tiempo?

Este es el resultado que quiero:

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

¿Es posible?

Answer 1

De los documentos oficiales de Flot de la API: (consulte https://github.com/flot/flot/blob/master/API.md )

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

Esto resultará en etiquetas de marca como "2000/12/24". Los siguientes especificadores son compatibles

 %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)

Answer 2

$.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
});

Use esto como punto de partida y puede ver el resultado aquí http://jsfiddle.net/UEePE/