Trực quan hóa dữ liệu cụ thể của ngày với biểu đồ dạng đường trong trình duyệt với javascript

Question

Tôi muốn trực quan hóa một số dữ liệu trong trình duyệt bằng biểu đồ dạng đường. Tại trục x nên có ngày, tại trục y phải có giá trị.

Tôi biết rằng có một số giải pháp vẽ sơ đồ javascript trên mạng. Nhưng đặc biệt đối với dữ liệu cụ thể theo ngày tháng rất khó để tìm ra giải pháp phù hợp.

Đây là chương trình này, làm thế nào tôi có dữ liệu:

[ 
    [ 
     startTimestamp, 
     endTimestamp, 
     value 
    ], 
    [ 
     startTimestamp, 
     endTimestamp, 
     value 
    ] 
] 

đây với một số giá trị ví dụ:

[ 
    [ 
     1365163327, 
     1365163339, 
     0 
    ], 
    [ 
     1365163339, 
     1365163360, 
     1 
    ] 
] 

Xem js-fiddle đây, với một số dữ liệu mẫu tốt hơn:

http://jsfiddle.net/JWhmQ/1992/

Answer 1

Có một cái nhìn tại flot này - ví dụ, nó có thể được feeded với unix-timestamps:

http://www.flotcharts.org/flot/examples/visitors/index.html

Answer 2

Sở thích cá nhân của tôi là dành cho API biểu đồ của Google 'S. Họ có hỗ trợ định dạng ngày tốt: see Chart API Date Format Docs. Điều tốt về API, là khi bạn có nó ở định dạng ngày JavaScript, API biểu đồ google biết cách sắp xếp và cũng có thể thay đổi định dạng ngày cho tùy chọn bản địa hóa/định dạng.

Bổ sung bắt buộc duy nhất vào nguồn JSON của bạn là chuyển đổi dấu thời gian thành đối tượng ngày. Trong PHP, tôi sẽ làm một ngày ('Y', $ timestamp), vv cho mỗi phần của đối tượng ngày tháng. See W3 Schools for Date Object format