एक एक्सवाई चार्ट एक व्यापक डेटा विज़ुअलाइज़ेशन घटक है जिसका उपयोग मानक दो आयामी ग्रिड निर्देशांक व्यवस्था पर लाइन चार्ट और बार चार्ट दोनों को रेंडर करने के लिए किया जाता है। पुराने अलग-अलग चार्टिंग स्कीमा को बदलने और संगठित करने के लिए लाया गया, यह xychart-beta रेंडरिंग इंजन कस्टम संख्यात्मक डेटासेट को डायनामिक रूप से प्रोसेस करता है, रिस्पॉन्सिव संरचनात्मक ग्रिड को स्वचालित रूप से स्केल करता है, और एक ही समय में कई स्वतंत्र ओवरलैपिंग डेटा श्रृंखलाओं को प्रदर्शित करने का समर्थन करता है।
बेसिक सिंटैक्स संरचना
प्रत्येक एक्सवाई चार्ट के साथ शुरू होता है xychart-beta घोषणा हेडर। इसके बाद एक क्षैतिज एक्स-एक्सिस श्रेणी सरणी, एक ऊर्ध्वाधर वाई-एक्सिस शीर्षक या डेटा रेंज सीमा को कॉन्फ़िगर करना होता है, और कम से कम एक स्पष्ट डेटा प्लॉटिंग श्रृंखला (जैसे एक लाइन या बार ब्लॉक)।
xychart-beta
शीर्षक "नमूना प्रदर्शन चार्ट"
एक्स-एक्सिस [जनवरी, फरवरी, मार्च, अप्रैल]
वाई-एक्सिस "राजस्व (यूएसडी)"
बार [4500, 5200, 6100, 5800]
सिंटैक्स संदर्भ
नीचे दी गई तालिका मेरमैड जेएस में एक्सवाई चार्ट को सही तरीके से संरचित करने के लिए आवश्यक मुख्य डेटा परिभाषाओं और कॉन्फ़िगरेशन कुंजियों को विभाजित करती है।
| सिंटैक्स घटक | स्वीकृत प्रारूप | विवरण और उपयोग नियम |
|---|---|---|
| घोषणा | कीवर्ड | 2डी लेआउट चार्ट कार्यक्षेत्र को प्रारंभ करता है। बिल्कुल सटीक xychart-beta स्ट्रिंग ब्लॉक का उपयोग करना आवश्यक है। |
| शीर्षक | उद्धरण वाली स्ट्रिंग | एक वैकल्पिक वैश्विक शीर्षक जो चार्ट कैनवास ग्रिड के तुरंत ऊपर केंद्रित दिखाया जाता है। |
| एक्स-एक्सिस कॉन्फ़िगरेशन | कोष्ठक वाली सूची / सीमा | क्षैतिज स्केल लेबल को परिभाषित करता है। कोष्ठक के भीतर श्रेणीबद्ध पाठ डेटा स्वीकार करता है[A, B, C] या संख्यात्मक बिंदु सीमाएं[100 --> 500]. |
| Y-अक्ष कॉन्फ़िगरेशन | शीर्षक पाठ / स्केल सीमाएं | उर्ध्वाधर स्केल पैरामीटर सेट करता है। यह सिर्फ एक अक्ष शीर्षक पाठ हो सकता है, या उपयोग करके निचली/ऊपरी मान सीमाओं को सीमित करने के लिए कस्टमाइज़ किया जा सकता है"शीर्षक" 0 --> 100. |
| बार प्लॉटिंग श्रृंखला | संख्यात्मक ऐरे | डेटासेट को ऊर्ध्वाधर बार के रूप में रेंडर करता है। डेटा ऐरे के भीतर तत्वों की संख्या आपके X-अक्ष श्रेणी की लंबाई के सटीक मेल करनी चाहिए। |
| रेखा प्लॉटिंग श्रृंखला | संख्यात्मक ऐरे | डेटासेट को ग्रिड कार्यक्षेत्र के माध्यम से डेटा बिंदुओं को जोड़ने वाली लगातार रेखाओं के रूप में रेंडर करता है। |
उन्नत डेटा कस्टमाइज़ेशन (निर्देश)
आप अपने चार्ट कार्यक्षेत्र के दृश्य दिखावट को सुधारने के लिए अपने दस्तावेज़ कोड स्निपेट के बिल्कुल शीर्ष पर फ्रंटमैट कॉन्फ़िगरेशन ब्लॉक एम्बेड कर सकते हैं। इससे आपको कस्टम हेक्स रंगों, प्लॉट श्रृंखला लाइन वजन और ग्रिड प्रदर्शन दृश्यता फील्ड्स पर पूर्ण लेआउट नियंत्रण मिलता है।
XY चार्ट कॉन्फ़िगरेशन एट्रिब्यूट मैट्रिक्स
| प्रॉपर्टी कॉन्फ़िगरेशन की | मान विकल्प | दृश्य परिणाम |
|---|---|---|
showLine |
सत्य | गलत |
यह निर्धारित करता है कि पृष्ठभूमि संरचनात्मक अक्ष रेखा ग्रिड स्ट्रोक समन्वयों के माध्यम से प्रदर्शित हों या नहीं। |
चार्ट चौड़ाई |
पूर्णांक (पिक्सेल) | ग्रिड सिस्टम के निश्चित सीमा बैंडिंग कैनवास लेआउट चौड़ाई सेट करता है। |
चार्ट ऊंचाई |
पूर्णांक (पिक्सेल) | ग्रिड सिस्टम के निश्चित सीमा बैंडिंग कैनवास लेआउट ऊंचाई सेट करता है। |
थीम चर xyChart |
रंग मैपिंग ऐरे | स्पष्ट हेक्स स्टाइलिंग रंग ब्लॉक्स इंजेक्ट करता है (उदाहरण के लिए, पृष्ठभूमि रंग, शीर्षक रंग, या कस्टम रंग सूची स्लॉट्स प्लॉट रंग पैलेट) आपके चार्ट में डालता है। |
वास्तविक दुनिया का ब्लूप्रिंट: मल्टी-सीरीज तकनीकी तुलना
यह व्यापक ब्लूप्रिंट इंफ्रास्ट्रक्चर प्रदर्शन समीक्षा का अनुसरण करता है। इसमें कैनवास आयामों के आकार तय करने, पृष्ठभूमि ग्रिड लाइन पथ दिखाने और स्पष्ट हेक्स रंग पैलेट इंजेक्ट करने के लिए एक कस्टम कॉन्फ़िग निर्देश का उपयोग किया जाता है। इसमें चार अलग-अलग त्रैमासिक चरणों को मैप किया जाता है, जिन्हें एक संयुक्त दृश्य संयोजन चार्ट के रूप में दर्शाया जाता है (ओवरलैपिंग बार श्रृंखला और लाइन श्रृंखला चार्ट एक साथ)।
---
कॉन्फ़िग:
xychart:
चार्ट चौड़ाई: 700
चार्ट ऊंचाई: 400
लाइन दिखाएं: सत्य
थीम चर:
xychart:
शीर्षक रंग: "#0072B1"
प्लॉट रंग पैलेट: "#0072B1, #E06000"
---
xychart-बीटा
शीर्षक "Q1-Q4 संसाधन बनाम कार्यान्वयन मापदंडों"
x-अक्ष ["त्रैमासिक 1", "त्रैमासिक 2", "त्रैमासिक 3", "त्रैमासिक 4"]
y-अक्ष "प्रदर्शन मापदंड इकाइयाँ" 0 --> 100
बार [45, 65, 80, 95]
लाइन [55, 60, 72, 88]
सिंटैक्स टिप: जब कई डेटा चार्ट को ओवरले करते हैं (जैसे एक ही लेआउट कैनवास के भीतर एक बार डेटासेट और एक लाइन डेटासेट के भीतर एक ही लेआउट कैनवास में), रेंडरिंग इंजन उन्हें लिखे गए टेक्स्ट स्क्रिप्ट के क्रम में क्रमबद्ध रूप से स्टैक या ड्रॉ करेगा। कैनवास लाइनों पर दृश्य क्लिपिंग से बचने के लिए अपने डेटा ब्लॉक्स को जानबूझकर व्यवस्थित करें।
आम सिंटैक्स त्रुटियाँ और सिस्टम सीमाएँ
आयामी मैट्रिक्स पथ के संकलन के समय, कुछ सूक्ष्म कॉन्फ़िगरेशन गलतियाँ निर्देशांक गणना को बाधित कर सकती हैं। इन त्रुटि निवारण पैरामीटर्स को ध्यान में रखें:
- डेटा लंबाई असंगति: प्रत्येक एकल
बारयारेखाडेटा श्रृंखला ऐरे *अवश्य* आपके द्वारा परिभाषित किए गए उतने ही प्रविष्टियों को समाविष्ट करना चाहिएx-अक्षसूची पैरामीटर। आपकी X-अक्ष पर 4 श्रेणियाँ होने के बावजूद 5 संख्याओं की डेटा सूची प्रदान करने से चार्ट संकलन पूरी तरह से बिगड़ जाएगा। - उद्धरण सीमाएँ: जब एक अक्ष सूची के कोष्ठकों के भीतर श्रेणियों को निर्दिष्ट करते हैं, तो वे पाठ ब्लॉक जिनमें स्थान या विशेष विराम चिह्न हों, को स्पष्ट रूप से दो डबल उद्धरण चिह्नों में बंद किया जाना चाहिए (उदाहरण के लिए,
["चरण 1", "चरण 2"]). - संख्यात्मक निर्देशांक सीमाएँ: जब अक्ष पैमाने पर हाथ से सीमाएँ सेट करते हैं (जैसे कि
0 --> 500), आपको स्पष्ट रूप से दो डैश के बाद एक बड़े-तुलना चिह्न का उपयोग करना होगा (-->)। डैश को भूलना या ऑपरेटर अक्षरों को स्थानों के साथ अलग करना प्रोसेसिंग लेआउट त्रुटि को ट्रिगर करेगा। - धनात्मक पूर्णांक भार: स्केल मान रेखीय स्थान ब्लॉक्स के साथ मैप होते हैं। सुनिश्चित करें कि आपकी श्रृंखला को पारित किए गए मानों में अनएस्केप्ड अक्षर तत्व या ऐरे के भीतर खाली पैरामीटर नल खाली जगहें नहीं हैं।