2010-01-07 10 views
8

के आधार पर flot में तारीख को प्रदर्शित किसी को भी कैसे flot में तारीख को प्रदर्शित करने के पता है टाइमस्टैम्प के आधार परflot टाइमस्टैम्प

<script id="source" language="javascript" type="text/javascript"> 
$(function() { 

var d1 = [ 
[1262818800,100],[1262732400,100],[1262646000,100],[1262559600,100],[1262473200,100],[1262386800,100],[1262300400,100],[1262214000,100],[1262127600,100],[1262041200,100],[1261954800,100],[1261868400,100],[1261782000,100],[1261695600,100],[1261609200,100],[1261522800,95],[1261436400,110],[1261350000,110],[1261263600,110],[1261177200,100]; 

var d2 = [ 
[1262818800,23],[1262732400,23],[1262646000,23],[1262559600,23],[1262473200,23],[1262386800,23],[1262300400,25],[1262214000,25],[1262127600,25],[1262041200,25],[1261954800,25],[1261868400,25],[1261782000,25],[1261695600,25],[1261609200,25],[1261522800,25],[1261436400,10],[1261350000,10],[1261263600,10],[1261177200,10] 

$.plot($("#placeholder"), [{data:d1,lines:{show: true},label:"Mountain"},{data:d2,lines:{show: true},label:"Valley"}],{yaxis: {label:"cm"}}, 
{xaxis: {mode:"time" 
}} 
); 

}); 
</script> 
+1

अरे मार्क, तो आप इस समस्या को हल किया? मुझे एक ही समस्या है। –

+0

आप वास्तव में क्या देख रहे हैं? – DNS

उत्तर

21

मुझे लगता है कि तुम सब करने की जरूरत है टाइमस्टैम्प (जो यूनिक्स टाइमस्टैम्प की तरह लग रहे गुणा करने के लिए है) 1000.

यूनिक्स टाइमस्टैम्प समय 1 जनवरी, 1 9 70 से शुरू होने वाले सेकंड के कुल रन के रूप में ट्रैक करता है। जबकि जावास्क्रिप्ट टाइमस्टैम्प मिलीसेकंड को मापते हैं। तो बस 1000 से गुणा करें और आपको ठीक होना चाहिए

+1

आपको इसे स्वीकार करना चाहिए, यह सही जवाब है। 1000 से गुणा होने के बाद, आपको यूटीसी के सापेक्ष अपने समय से घटाना भी पड़ सकता है, उदाहरण के लिए ईएसटी है - 18000. तो सही समय पाने के लिए, मेरे लिए यह होगा; (टाइमस्टैंप * 1000) - 18000 –

4

'टाइमफॉर्मैट' विशेषता को परिभाषित करने का प्रयास करें, और उस पैटर्न को परिभाषित करें जो मिलीटकंड मान को प्रारूपित करने के लिए उपयोग करेगा।

xaxis:{ 
    mode: "time", 
    timeformat: "%M:%S" 
}, 
+0

यदि आप रुचि रखते हैं तो मुझे कुछ jquery कार्यों के लिए आपको चाहिए। – seoppc

2

मैं इस का उपयोग करें:

var options = { 
    lines: { show: true }, 
    points: { show: true }, 
    xaxis: { mode: "time", timeformat: "%m/%d/%y", minTickSize: [1, "day"]} 
}; 
0

मैं सिर्फ इस में पड़ गए और मुझे लगता है कि हम दोनों एक ही बुरा Flot उदाहरण का इस्तेमाल किया। हस्ताक्षर है:

var plot = $.plot(placeholder, data, options) 

और अपने कोड

var plot = $.plot(placeholder, data, xoptions, yoptions) 

तो यह तय करने के लिए की तरह कुछ कर रही है, बस के बजाय ऐसा करते हैं:

$.plot(
    $("#placeholder"), 
    [{data:d1,lines:{show: true},label:"Mountain"},{data:d2,lines:{show:true},label:"Valley"}], 
    {yaxis: {label:"cm"}, xaxis: {mode:"time"}} 
); 
संबंधित मुद्दे