ब्राउज़र में लाइन चार्ट के साथ दिनांक विशिष्ट डेटा को जावास्क्रिप्ट

Question

के साथ विज़ुअलाइज़ करें, मैं ब्राउज़र चार्ट में कुछ डेटा विज़ुअलाइज़ करना चाहता हूं। एक्स-अक्ष पर तारीख होनी चाहिए, वाई-अक्ष पर मूल्य होना चाहिए।

मुझे पता है कि वहां कुछ जावास्क्रिप्ट प्लॉटिंग समाधान हैं। लेकिन विशेष रूप से दिनांक-विशिष्ट डेटा के लिए उपयुक्त समाधान ढूंढना मुश्किल है।

यहाँ योजना है, मैं कैसे डेटा है:

: कुछ बेहतर नमूना डेटा के साथ यहाँ

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

देखें js-बेला,:

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

कुछ उदाहरण मूल्यों के साथ

यहाँ

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

Answer 1

इस flot पर एक नजर डालें - उदाहरण के लिए, यह यूनिक्स टाइमस्टैम्प के साथ feeded जा सकता है:

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

Answer 2

मेरी व्यक्तिगत वरीयता Google चार्ट API के लिए है के। उनके पास अच्छी तिथि प्रारूप समर्थन है: see Chart API Date Format Docs। एपीआई के बारे में अच्छी बात यह है कि एक बार जब आप इसे जावास्क्रिप्ट डेट प्रारूप में रखते हैं, तो Google चार्ट एपीआई जानता है कि कैसे सॉर्ट करना है, और स्थानीयकरण/स्वरूपण वरीयता के लिए दिनांक प्रारूप भी बदल सकता है।

आपके स्रोत JSON के लिए एकमात्र आवश्यक अतिरिक्त टाइमस्टैम्प को डेट ऑब्जेक्ट में परिवर्तित कर रहा है। PHP में, मैं डेट ऑब्जेक्ट के प्रत्येक भाग के लिए एक दिनांक ('वाई', $ टाइमस्टैम्प) इत्यादि करता हूं। See W3 Schools for Date Object format