पाई चार्ट वृत्ताकार सांख्यिकीय ग्राफिक्स हैं जिनका उपयोग डेटा को स्लाइस में विभाजित करके संख्यात्मक अनुपात दिखाने के लिए किया जाता है। मेरमैड जेएस में, आप जटिल चार्टिंग लाइब्रेरी या वेक्टर डिजाइन टूल्स के साथ उलझे बिना स्वचालित रूप से साफ, प्रतिक्रियाशील डेटा विभाजन बना सकते हैं। रेंडरिंग इंजन सभी रंग निर्धारण और प्रतिशत की गणना को डायनामिक रूप से संभालता है।
बेसिक सिंटैक्स संरचना
प्रत्येक पाई चार्ट का आरंभ होता है पाई घोषना। आप वैकल्पिक रूप से एक शीर्षक शामिल कर सकते हैं, जिसके बाद डेटा प्रविष्टियाँ होती हैं जहाँ श्रेणी लेबल को उद्धरण चिह्नों में लिप्त किया जाता है और धनात्मक संख्यात्मक मानों के साथ जोड़ा जाता है।
पाई
title नमूना पाई चार्ट
"श्रेणी A" : 45
"श्रेणी B" : 30
"श्रेणी C" : 25
सिंटैक्स संदर्भ
नीचे दी गई तालिका मेरमैड जेएस में एक पाई चार्ट मैप बनाने के लिए उपयोग किए जाने वाले मुख्य संरचनात्मक विकल्पों को विभाजित करती है।
| घटक | विवरण | सिंटैक्स उदाहरण |
|---|---|---|
| घोषना | पाई चार्ट रेंडरिंग इंजन को प्रारंभ करता है। | पाई |
| डेटा फ्लैग दिखाएँ | एक वैकल्पिक संशोधक जो तुरंत बाद जोड़ा जाता है पाईगणना किए गए प्रतिशतों के साथ वास्तविक संख्याओं को दिखाने के लिए। |
पाई showData |
| शीर्षक | एक वैकल्पिक शीर्षक जो आरेख लेआउट के केंद्र के ऊपर स्पष्ट रूप से प्रिंट किया जाता है। | शीर्षक Q3 राजस्व स्रोत |
| डेटा प्रविष्टि लेबल | श्रेणी का नाम, जिसे हमेशा डबल कोटेशन में लिप्त किया जाना चाहिए। | "ऑर्गेनिक सर्च" |
| डेटा सेपरेटर | एक कोलन चरित्र जो आपके लेबल स्ट्रिंग को उसके गणितीय मान से अलग करता है। | : |
| डेटा मान | एक सकारात्मक संख्या। निरपेक्ष गिनती या दो दशमलव स्थानों तक सीधे दशमलव भार समर्थित हैं। | 54.25 |
वास्तविक दुनिया का ब्लूप्रिंट: वेबसाइट ट्रैफिक स्रोत
यह ब्लूप्रिंट एक पारंपरिक मार्केटिंग और विश्लेषण डैशबोर्ड विभाजन को दिखाता है। यह showDataपैरामीटर का उपयोग करके स्पष्ट रूप से बाहरी ट्रैफिक मापदंडों को सीधे संकेतक में प्रदर्शित करता है, जबकि चार्ट लेआउट अनुपात प्रस्तुत करता है।
pie showData शीर्षक मुख्य ट्रैफिक चैनल्स
"प्राकृतिक खोज" : 3540
"सीधा ट्रैफिक" : 2410
"सोशल मीडिया" : 1850
"रेफरल साइट्स" : 920
"ईमेल अभियान" : 680
सिंटैक्स टिप: डिफ़ॉल्ट रूप से, मेरमेड प्रत्येक चार्ट खंड पर केवल सापेक्ष गणना किए गए प्रतिशत (उदाहरण के लिए, 35%) प्रदर्शित करता है। showData कीवर्ड तुरंत pie लेबल को चार्ट पर प्रतिशत और संबंधित संकेतक सूची में निर्दिष्ट बाहरी मान दोनों दिखाने के लिए बदल देता है।
उन्नत अवधारणा: निर्देशात्मक तत्व और स्वरूपण
उच्च घनत्व वाले दस्तावेज़ पृष्ठों के लिए, आप अपने कोड स्निपेट के शीर्ष पर एक इनलाइन कॉन्फ़िगरेशन निर्देश लगा सकते हैं ताकि स्टाइलिंग व्यवहार को कस्टमाइज़ किया जा सके, पाठ स्थान विस्थापन बदले जा सकें या संरचनात्मक लाइन शैलियों को बदला जा सके।
---
config:
pie:
textPosition: 0.6
themeVariables:
pieOuterStrokeWidth: "3px"
---
pie शीर्षक संचालन बजट आवंटन
"उत्पाद विकास" : 40.5
"मार्केटिंग और वृद्धि" : 25.25
"ग्राहक संचालन" : 20.0
"प्रशासनिक अतिरिक्त लागत" : 14.25
सामान्य सिंटैक्स त्रुटियाँ
जबकि पाई चार्ट मेरमेड में सबसे सरल सिंटैक्स में से एक है, कुछ फॉर्मेटिंग गलतियाँ लेआउट पार्सिंग विफलता का कारण बन सकती हैं। इन सामान्य त्रुटियों से बचें:
- ऋणात्मक संख्याएँ: रेंडरिंग इंजन केवल सकारात्मक संख्यात्मक मान स्वीकार करता है। ऋणात्मक मान या शून्य पास करने से गणितीय प्रोसेसिंग सीमाओं का उल्लंघन हो जाएगा।
- उद्धरण की आवश्यकता: डेटा श्रेणी लेबल हमेशा डबल कोटेशन मार्क का उपयोग करने चाहिए। सिंगल कोटेशन या अनुपस्थित कोटेशन के कारण बिल्ड सही तरीके से नहीं होगा।
- दशमलव सटीकता सीमाएँ: जबकि मेरमेड निर्दिष्ट फ्लोटिंग-पॉइंट दशमलव को आसानी से संभालता है, यह मूल रूप से दो दशमलव स्थानों तक पैरामीटर का ट्रैक रखता है। पहले से ही मानों को गोल करने से सख्त सुसंगतता बनी रहती है।
- स्लाइस घनत्व: स्पष्ट दृश्य संचार के लिए, अपने चार्ट को 6-8 स्लाइस तक सीमित रखना बेहतर अभ्यास है। यदि आपके डेटासेट में अधिक तत्व हैं, तो छोटे नोड्स को एक “अन्य” श्रेणी के तहत समूहित करें ताकि आपका डिज़ाइन स्कैन करने योग्य बना रहे।