2010-03-24 6 views
18

Dans cet exemple xaxis comparera les jours ...jquery Flot XAXIS temps

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

Comment puis-je imprimer le temps?

Ceci est le résultat que je veux:

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

Est-ce possible?

Répondre

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

utiliser comme point de départ et vous pouvez voir le résultat ici http://jsfiddle.net/UEePE/

55

De l'Api Documents officiels du Flot: (voir https://github.com/flot/flot/blob/master/API.md)

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

Cela se traduira par des étiquettes de tiques comme "2000/12/24". Les spécificateurs suivants sont pris en charge

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

SUPER NIT PICK, vous voulez une virgule après le « temps ». – rnalexander

+7

Je suis tout à fait sûr que le fait d'attraper une erreur de lancement d'exception n'est pas un choix de super choix. – Bobby

+0

a corrigé ma réponse – MaTriXy

Questions connexes