2012-02-13 13 views
5

Tengo dificultades para que mis datos se muestren dentro de un Flot chart con el eje x como la línea de tiempo. Aquí es una copia abreviada de mi archivo JSON:Flot charts Problemas del tiempo del eje x ... AARGHHH

{ 
    "label": "ServiceReport", 
    "data": [[1328983200, 53], [1328986800, 53], [1328990400, 60]] 
} 

He seguido los tutoriales en la página de la API Flot, así como this one on stackoverflow

sin ninguna suerte.

Al modificar el eje x, esto hace que el gráfico se muestre bien, pero el eje x está en blanco.

xaxis: { mode: "time", minTickSize: [1, "hour"]} 

Esto muestra 8 a 8 valores (no correcta de acuerdo con el archivo de datos), pero no hay datos gráfico:

xaxis: { mode: "time", minTickSize: [1, "hour"], 
       min: (new Date("2000/01/01")).getTime(), 
       max: (new Date("2000/01/02")).getTime() 

      } 

Básicamente, sólo quiero mostrar las horas en (en realidad cualquier formato: 5 : 00, 5 AM, no importa) en el eje x, y tienen el eje y correlacionado con los valores de servicio. Hay 24 marcas de tiempo totales en cada archivo de datos (un día de datos).

Cualquier ayuda de su parte ¡Los expertos de Flot y JavaScript/jQuery serían muy apreciados!

Respuesta

3

En primer lugar, por el momento para que aparezca, utilice:

xaxis: { mode: "time",minTickSize: [1, "hour"],timeformat: "%H:%I:%S"} 

que tenía los mismos problemas con los datos JSON, causada por una mala codificación archivo JSON. ¿Estás seguro de que tu archivo JSON es realmente un archivo JSON? Probemos algo ike que ponerla a prueba (con jQuery por ejemplo):

$.getJSON('yourJSONpage.php', 
    function(data) { 
     testData=data.pop(); 
     alert(testData[0]); 
}); 

último punto, su marca de tiempo no es correcto, marca de hora correcta es así "1328983200000" no como que "1328983200", si utilizar PHP para generar los datos JSON, asegúrese de hacer algo por el estilo para las fechas:

$hour=mktime($h+1,$i,$s,$m,$d,$y)*1000; 
+0

esa cosa sello de tiempo es la clave vi ... – Ryley

+0

Ok, por lo que el problema está relacionado con este sello de tiempo: * 1000 en su página JSON y funcionará mejor. Y verifique mi respuesta :-) – Valky

+0

Era totalmente la marca de tiempo, lo quiere en milisegundos :). Gracias por la ayuda! – mynameisneo

Cuestiones relacionadas