बड़ी मात्रा में डेटा (पिछले 10 वर्षों के लिए प्रति दिन एक डेटा) के कारण मेरा हाईचार्ट आरेख बहुत धीमा हो रहा है। मैंने पहले ही एनीमेशन बंद कर दिया है। और यह अभी भी धीमा है। तेज लोडिंग समय की अनुमति देने के लिए गति या प्रदर्शन में सुधार करने का कोई तरीका है और बिना किसी झगड़े के ज़ूम इन करने में सक्षम है? धन्यवाद। हाईचार्ट वाला वेबपृष्ठ केवल 77kb है।हाइचार्ट्स प्रदर्शन संवर्द्धन विधि?
उत्तर
आप dataGrouping
का उपयोग कर सकते हैं और enableMouseTracking
से false
पर सेट कर सकते हैं।
enableMouseTracking: Boolean
सक्षम या एक विशेष श्रृंखला के लिए माउस ट्रैकिंग अक्षम करें। इसमें पॉइंट टूलटिप्स शामिल हैं और ग्राफ और पॉइंट्स पर ईवेंट क्लिक करें। साझा टूलटिप्स (स्टॉक चार्ट में डिफ़ॉल्ट) का उपयोग करते समय, माउस ट्रैकिंग की आवश्यकता नहीं होती है। बड़े डेटासेट के लिए यह प्रदर्शन में सुधार करता है। सच करने के लिए डिफ़ॉल्ट।
अद्यतन
यह डॉक्स के निम्न मिले।
मैं हाईचार्ट्स से सर्वश्रेष्ठ प्रदर्शन कैसे प्राप्त कर सकता हूं?
उच्च संख्या में डेटा बिंदुओं के साथ श्रृंखला के साथ काम करते समय, कुछ चीजों पर विचार करने के लिए कुछ बातें हैं।
लाइन प्लॉट के लिए, यह अनुशंसा की जाती है कि आप पॉइंट मार्कर अक्षम करें, क्योंकि यह एक प्रदर्शन ओवरहेड जोड़ देगा।
http://highcharts.com/demo/line-time-series
देखें।छाया को अक्षम करने से प्रदर्शन बढ़ जाता है, क्योंकि छाया के प्रत्येक आकार के लिए तीन छाया तत्व बनाए जाते हैं।
बड़ी कॉलम श्रृंखला के लिए, यह अनुशंसा की जाती है कि आप प्रारंभिक एनीमेशन, plotOptions.column.animation को कम से कम VML आधारित ब्राउज़र के लिए अक्षम करें। तेजी से एसवीजी ब्राउज़र और धीमे वीएमएल ब्राउज़र के बीच अंतर करने का सबसे अच्छा तरीका Highcharts.svg बूलियन संपत्ति का उपयोग करना है।
संदर्भ
- 1. पर्ल - कोड संवर्द्धन
- 2. हाइचार्ट्स
- 3. हाइचार्ट्स
- 4. हाइचार्ट्स
- 5. हाइचार्ट्स
- 6. हाइचार्ट्स
- 7. हाइचार्ट्स लाइन
- 8. हाइचार्ट्स - लॉगरिदमिक वाई अक्ष
- 9. हाइचार्ट्स - डिफ़ॉल्ट
- 10. हाइचार्ट्स bad_pdf
- 11. हाइचार्ट्स: सेटडाटा()
- 12. हाइचार्ट्स कई डेटा पॉइंट्स
- 13. हाइचार्ट्स: "सभी प्रिंट करें" बटन
- 14. प्रदर्शन विस्तार विधि बनाम उदाहरण विधि
- 15. हाइचार्ट्स - स्टैक्ड टाइम सीरीज
- 16. हाइचार्ट्स डेटा लेबल काटने
- 17. हाइचार्ट्स: प्रत्येक xAxis ग्रिडलाइन
- 18. रीडरवाइटर लॉकस्लिम एक्सटेंशन विधि प्रदर्शन
- 19. Accessor विधि प्रदर्शन और अनुकूलन
- 20. हाइचार्ट्स में कर्सर पॉइंटर बनाएं
- 21. हाइचार्ट्स टाइपस्क्रिप्ट, वाई-अक्ष लेबल
- 22. हाइचार्ट्स वर्टिकल लाइन (क्रॉसहेयर) तर्क
- 23. हाइचार्ट्स और jQuery में श्रृंखला का _groups_ छुपाएं: स्वीकार्य प्रदर्शन कैसे प्राप्त करें?
- 24. सी # सूची <> जोड़ें() विधि प्रदर्शन
- 25. स्टेटिक बनाम इंस्टेंस विधि प्रदर्शन सी #
- 26. xAxis पर केवल समय लेबल दिखाएं। हाइचार्ट्स
- 27. हाइचार्ट्स: एक कस्टम छवि बटन जोड़ें
- 28. हाइचार्ट्स शून्य मान लेबल हटाते हैं
- 29. हाइचार्ट्स: श्रृंखला का नाम बदलने के लिए
- 30. हाइचार्ट्स - हर दूसरे एक्स-अक्ष श्रेणी
मैं इस लेख के साथ परिचित करने के लिए सुझाव http://www.highcharts.com/component/content/ लेख/2-समाचार/48-लोडिंग-लाखों-पॉइंट-इन-हाईचार्ट्स प्रदर्शन के बारे में मंजूरी। आप किस ब्राउज़र का उपयोग करते हैं? –
thnx। मैं फ़ायरफ़ॉक्स का उपयोग कर रहा हूँ। – Brandon