हाइचार्ट्स कुछ ज़ूम स्तरों पर डेटा प्रदर्शित नहीं कर रहे हैं

Question

मैं उच्च मात्रा में डेटा (~ 10,000 अंक) प्लॉट करने के लिए हाईचार्ट्स/हाईस्टॉक का उपयोग कर रहा हूं। डेटा में एक्स अक्ष पर दिनांक वस्तुएं होती हैं और वाई पर तैरती हैं, जैसे प्रारूपित: [[(date), 1.728], [(date), 0.346], ...]। तिथियां हमेशा 1 घंटे अलग होती हैं और डेटा में कोई अंतराल नहीं होता है।

जब चार्ट की सीमा> = 21 दिन (जैसे कि कम से कम 21 दिन डेटा एकत्र किया जाता है), चार्ट सही ढंग से दिखाई देता है। जब भी सीमा उस से कम होती है, हालांकि, चार्ट खाली हो जाता है और टूलटिप प्रत्येक बिंदु को 0.0 के वाई-मान के रूप में प्रदर्शित करता है। उन बिंदुओं के लिए वाई मान करें सरणी में मौजूद हैं (मैं उन्हें फ़ायरबग में देख सकता हूं), लेकिन वे चार्ट पर प्रदर्शित नहीं होते हैं। यहाँ कैसे मैं इसे आरंभ हूँ:

mainChart = new Highcharts.StockChart({ 
    chart: { 
    renderTo: 'linegraph' 
    }, 

    rangeSelector: { 
    buttons: [{ 
     type: 'day', 
     count: 1, 
     text: '1 d' 
    }, { 
     type: 'week', 
     count: 1, 
     text: '1 wk' 
    }, { 
     type: 'month', 
     count: 1, 
     text: '1 mo' 
    }, { 
     type: 'year', 
     count: 1, 
     text: '1 yr' 
    }, { 
     type: 'all', 
     text: 'All' 
    }], 
    selected: 2 
    }, 

    series: [{ 
    name: 'Electricity usage (kWh)', 
    data: graphData, 
    tooltip: { 
     valueDecimals: 2, 
     valueSuffix: "kWh" 
    } 
    }], 
}); 

Answer 1

ऐसा लगता है कि आप अपने डेटा के एक्स अक्ष में दिनांक का उपयोग नहीं कर सकते हैं। इसके बजाय, दिनांक के यूनिक्स टाइमस्टैम्प का उपयोग करें: Date.getTime()। मुझे सही दिशा में इंगित करने के लिए फ्लॉपीडिस्क के प्रमुख प्रोप।

Answer 2

मुझे एक ही समस्या थी, लेकिन एक्स अक्ष पर टाइमस्टैम्प के साथ यह सबकुछ सामान्य था।

आरोही द्वारा डेटा को सॉर्ट करके इसे हल किया गया (पहले उल्लिखित क्रम में प्रदान किया गया)।