2010-03-24 30 views
18

Trong ví dụ này trong Xaxis sẽ so sánh những ngày ...jquery flot Xaxis thời gian

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

Làm thế nào tôi có thể in thời gian?

Đây là kết quả mà tôi muốn:

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

Có thể không?

Trả lời

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

sử dụng điều này như một điểm khởi đầu và bạn có thể xem kết quả ở đây http://jsfiddle.net/UEePE/

55

Từ Api Official Documents của Flot: (xem https://github.com/flot/flot/blob/master/API.md)

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

này sẽ dẫn đến nhãn đánh dấu như "2000/12/24". Các thông số sau đây được hỗ trợ

%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, bạn sẽ cần dấu phẩy sau "thời gian". – rnalexander

+7

Tôi khá chắc chắn rằng việc đánh bắt một lỗi ngoại lệ ném không phải là siêu nit pick. – Bobby

+0

cố định câu trả lời của tôi – MaTriXy

Các vấn đề liên quan