Usando fechas en la pantalla de jQuery Flot
date timestamp (1)
Debes multiplicar a 1000 y usar:
xaxis: {
mode: "time"
}
He probado de esta manera. Puedo publicar el código completo si lo necesitas.
Este es un pequeño post italiano sobre el uso de flot para medir la altura y el peso de mi bebé:
El código del proyecto es descargable desde here .
Descomprímelo y abre el archivo peso_giulia.html . Aquí puedes encontrar la serie d3.
Puedes reemplazar la linea
,[(new Date("2009/12/29")).getTime(),67]
con la versión de marca de tiempo
,[(1282688250 * 1000), 100]
Estoy tratando de usar Flot para trazar un gráfico con fechas. He seguido el consejo en esta cadena: here pero no parece funcionar para mí. Aquí está mi JavaScript modificado (de esa otra pregunta):
$(document).ready(function () {
var d1 = [[1262818800,100],[1262732400,100],[1262646000,100]];
var d2 = [[1262818800,23],[1262732400,23],[1262646000,23]];
$.plot($("#placeholder"), [{data:d1,lines:{show: true},label:"Mountain"},{data:d2,lines:{show: true},label:"Valley"}],{yaxis: {label:"cm"}},
{xaxis:
{mode:"time",
timeformat: "%M:%S"
}
});
});
Obtengo un gráfico, pero no convierte el eje x en fechas, y los valores en el eje x ni siquiera se alinean con lo que tengo en las variables de datos. Incluso he intentado multiplicar cada punto de datos por 1000 para convertir a las marcas de tiempo de Javascript, pero eso tampoco ayudó. También he probado las siguientes variables de formato de tiempo, en caso de que ese fuera el problema:
"%M:%S", "%H:%S", "%y,%m,%d"
Pero no hay suerte. ¿Algunas ideas?