2013-02-25 33 views
5

में सही ढंग से काम नहीं कर रहा है मैं एक उच्चस्तरीय चार्ट में कई श्रृंखला प्रदर्शित कर रहा हूं। मैंने हाईस्टॉक चुना क्योंकि मैं स्क्रॉलिंग के विकल्प के साथ कम से कम 4 घंटे का डेटा दिखाना चाहता हूं यदि उपयोगकर्ता उन 4 घंटों से अधिक डेटा पॉइंट जोड़ता है (लेकिन मैं नहीं चाहता कि रेंज सिलेक्टर या नेविगेटर सक्षम है, अगर यह समस्या से संबंधित है I ' एम है)।x-axis tickInterval हाईस्टॉक चार्ट

मैंने सोचा कि यह सीधा होगा, लेकिन मुझे एक्स-अक्ष पर 15 मिनट के अंतराल दिखाने में समस्याएं आ रही हैं। जब एक डेटा बिंदु गतिशील रूप से जोड़ा जाता है, तो ग्राफ 15 मिनट के टिक अंतराल को सही ढंग से दिखाता है, लेकिन जब अधिक डेटा बिंदु जोड़े जाते हैं, तो एक्स-अक्ष गलत समय को स्केल करना शुरू कर देता है। यदि मैं पृष्ठ को रीफ्रेश करता हूं और एकाधिक डेटा पॉइंट्स के साथ ग्राफ प्रदर्शित करता हूं, तो मुझे वास्तव में अजीब टिक इन्टरवल्स मिलते हैं। http://jsfiddle.net/pxCsX/

मैं क्या याद आ रही है:

xAxis: { 
     type: 'datetime', 
     min: 1361815200000, 
     max: 1361829780000, 
     tickInterval: 15 * 60 * 1000, 
     minTickInterval: 15 * 60 * 1000, // 15 minute intervals 
     gridLineWidth: 2, 
     labels: { 
      formatter: function() { 
       var d = new Date(this.value); 
       return (d.getMinutes() == 0) ? '<b>' + Highcharts.dateFormat('%H:%M', this.value) + '</b>' : d.getMinutes(); 
      } 
     } 
    } 

आप बाकी यहाँ देख सकते हैं:

यहाँ मेरी xAxis विकल्प क्या हैं? मैंने minRange, प्रकार और अन्य xAxis और श्रृंखला विशेषताओं के साथ tinkered किया है और हाईस्टॉक दस्तावेज़ scoured, लेकिन मैं bupkis के साथ आते रहते हैं।

उत्तर

10

गलत पर सेट करना क्रमसूचक समस्या का हल:

xAxis: { 
    ordinal: false 
} 
+0

महान जवाब !! काम –