पाई चार्ट
पाई चार्ट एक वृत्ताकार सांख्यिकीय ग्राफ़ है, जिसे संख्यात्मक अनुपात दिखाने के लिए कई सेक्टरों में विभाजित किया जाता है। पाई चार्ट में, प्रत्येक सेक्टर की चाप लंबाई उसके द्वारा दर्शाई गई मात्रा के समानुपाती होती है।
Mermaid पाई चार्ट रेंडर कर सकता है।
कोड
कॉपी करें
एम्बेड
pie title The most popular pets
"Dogs" : 386
"Cats" : 85
"Rats" : 15
सिंटैक्स
Mermaid में पाई चार्ट बनाना बहुत आसान है।
showData लेजेंड टेक्स्ट के बाद वास्तविक संख्यात्मक मान रेंडर करने को दर्शाता है, जो वैकल्पिक है।
- इसके बाद title सिंटैक्स और उसका स्ट्रिंग मान आता है, जो पाई चार्ट के लिए शीर्षक सेट करता है, यह वैकल्पिक है।
- इसके बाद डेटासेट आता है, पाई चार्ट के सेक्टर लेबल के क्रम में दक्षिणावर्त व्यवस्थित होंगे।
पाई चार्ट के किसी भाग का label, जो दोहरे उद्धरण चिह्नों में लपेटा जाता है।
इसके बाद कोलन : विभाजक के रूप में आता है।
इसके बाद positive numeric value आता है, जो विशिष्ट संख्यात्मक मान दर्शाता है, अधिकतम दो दशमलव स्थानों तक समर्थित।
mermaid.grammar_pie_data_option_title_value
उदाहरण
कोड
कॉपी करें
एम्बेड
---
config:
pie:
textPosition: 0.5
themeVariables:
pieOuterStrokeWidth: "5px"
---
pie showData
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
कॉन्फ़िगरेशन
पाई चार्ट निम्नलिखित कॉन्फ़िगरेशन पैरामीटर का समर्थन करता है:
| पैरामीटर | विवरण | डिफ़ॉल्ट मान |
|---|---|---|
| textPosition | पाई चार्ट के सेक्टर लेबल की अक्षीय स्थिति, केंद्र के 0.0 से वृत्त के किनारे के 1.0 तक। | 0.75 |
| donutHole | डोनट होल अनुपात। वैध मान 0 से 0.9 की सीमा में होते हैं। | 0.1 |
| legendPosition | चार्ट के सापेक्ष लेजेंड की स्थिति। वैध मान top, bottom, left, right और center हैं। | top |
| highlightSlice | मेल खाते लेबल वाले विशिष्ट सेक्टर को हाइलाइट करता है; hover पर सेट करने पर होवर किए गए सेक्टर को हाइलाइट किया जा सकता है। | hover |
