[Highcharts] जावास्क्रिप्ट में बिंदुओं का चयन और हाइलाइट कैसे करें

केवल खोज बार में आपके प्रकार के अनुसार बिंदुओं का चयन करें

Highcharts किसी भी बिंदु का चयन करने के लिए पॉइंट क्लास के तहत एक विधि का समर्थन करता है। विधि के विस्तार के लिए, आप आधिकारिक दस्तावेज को देख सकते हैं।

इंडिया बबल का चयन किया गया था

लेकिन आप देखेंगे कि यह आपके द्वारा चुने गए बिंदु को एक अलग शैली के साथ उजागर करेगा, यह स्पष्ट रूप से नहीं दिखता है। इसलिए, मैं "चयन" को पूरा करने के लिए एक अलग तरीके का उपयोग करता हूं। आप इस लेख की पहली तस्वीर देख सकते हैं, चयनित बिंदु मूल रंग और अस्पष्टता रखेंगे, लेकिन शेष बिंदुओं को निम्न अस्पष्टता में बदल दिया गया (इस उदाहरण में अपारदर्शिता 0.1 के रूप में सेट करें)। यह स्पष्ट और स्पष्ट दिखेगा।

इससे पहले कि मैं समाधान पेश करूं, आपको पॉइंट क्लास के अन्य गुण, "colorIndex" जानना होगा। यह आपको बिंदु का वर्तमान रंग सूचकांक प्रदान करेगा। यदि आप इसके बाद किसी भी बिंदु का चयन नहीं करते हैं, तो यह आपको इस बिंदु की अस्पष्टता को बदलने और वापस बदलने में मदद करेगा। इस सूचकांक में रंग सूचकांक को `` `Highcharts.theme.colors``` में परिभाषित किया गया है, इस सरणी को चार्ट में श्रृंखला के लिए मैप किया गया है।

आप Ln 6 देख सकते हैं, हमें op.update फ़ंक्शन को कॉल करके अपारदर्शिता को वापस बदलना होगा और बिंदु का वर्तमान रंग `` Highcharts.theme.colors``` और `` `point.color.ndex`` द्वारा प्राप्त करना होगा। । फिर हमें चयनित बिंदुओं के लिए किसी भी चीज को करने की आवश्यकता नहीं है, हमें केवल शेष बिंदुओं की अस्पष्टता को बदलने की जरूरत है ताकि उन्हें ग्रे आउट किया जा सके। इसका प्रभाव तब होता है जब आप किसी भी बिंदु पर अपने कर्सर को घुमाते हैं, और यह अन्य श्रृंखला की अस्पष्टता को बदल देगा। Highcharts का डिफ़ॉल्ट विषय अशक्त और अपरिभाषित है, आपको अपने विषय को परिभाषित करने और पहले Highcharts पर लागू होने की आवश्यकता है। या आपको त्रुटि मिल जाएगी।

चयन सुविधा को पूरा करने के लिए यह सबसे अच्छा समाधान नहीं हो सकता है, लेकिन प्रभाव बहुत स्पष्ट रूप से है। और कृपया मुझे बताएं कि क्या आपके पास अन्य समाधान हैं। धन्यवाद। :)