2011-01-23 14 views
22

मेरे पास एक चार्ट है, जो 24h में बारिश का प्रतिनिधित्व करता है जो बार प्रदर्शित करता है। अब पहली समस्या मैं था, flot में सलाखों के लिए डिफ़ॉल्ट 1px चौड़ाई था, इस उदाहरण देखें:फ़्लोट में बार चौड़ाई की समस्या

alt text

मैं एक समाधान के लिए खोज की और पाया कि इस तरह barwidth specifing:

bars: { 
     show: true, 
     barWidth : 60*60*1000 //1h 
    } 

समस्या हल करता है। अब वह वास्तव में काम करता है, लेकिन एक खराब परिणाम के साथ। मेरे उदाहरण पर (चार्ट है कि 24 वर्षा discretly हर एक घंटे प्रदर्शित करता है) अब ऐसा होता है:

alt text

आप पहला उदाहरण है, जहां सलाखों 1px चौड़ाई से देख सकते हैं, समय 13:00 पिछले दिन से चला जाता है अगले दिन 13:00 बजे तक। अब जब बार चौड़ाई तय की जाती है, तो समय किसी कारण से 13:00 से 14:00 तक जाता है। अब मैंने अलग-अलग बारविड्थ सेटिंग की कोशिश की है, उदाहरण के लिए 50 * 60 * 1000, लेकिन यह सही पैमाने पर स्केल नहीं करता है और मार्जिन प्रत्येक बार बीटवेन दिखाई देने लगता है।

अब मैं जानना चाहता हूं कि इस समस्या को कैसे ठीक किया जाए, कि समयरेखा पहले उदाहरण के रूप में जाएगी और बार में 1 घंटे की चौड़ाई होगी?

उत्तर

9

समस्या ग्राफ को फ़्लोट करने के लिए php के साथ डेटा भरने में थी। मैंने डेटा की गलत मात्रा को अनदेखा कर दिया और उसके बाद एक शर्त थी, जो उस समय php सरणी में जोड़ा गया था। तो अंत में इसमें अतिरिक्त 1 घंटा जोड़ा गया। तो बारविड्थ: 60 * 60 * 1000 मेरे मामले में जाने के लिए सही बात थी।

4

ठीक है, चार्ट एक्स-अक्ष इस तरह से खींचा जा रहा है ताकि यदि 13:00 (अधिकतम मूल्य) पर दिखाने के लिए कोई बार था, तो यह इसे प्रदर्शित करने में सक्षम होगा। यह वास्तव में एक फ्लोट चीज नहीं है, यह व्यापक सलाखों का सिर्फ एक परिणाम है। यदि आप इसे वास्तव में दूर नहीं जाना चाहते हैं, तो आप इसे सेट करने के लिए एक्स-अक्ष पर "न्यूनतम" और "अधिकतम" विकल्प का उपयोग कर सकते हैं। हालांकि, अगर आपने ऐसा किया है, और अंतिम 13:00 को दिखाने के लिए कोई डेटा था, तो यह इसे दिखाने में सक्षम नहीं होगा (क्योंकि व्यापक बार के साथ पर्याप्त कमरा नहीं है)।

+0

आपके answear के लिए धन्यवाद, मैंने इसके बारे में सोचा, लेकिन कल यहां इस प्रश्न को पोस्ट करने के बाद मैंने कोड पर एक और नज़र डाली और answear पाया। –

संबंधित मुद्दे