रडार चार्ट का परिचय
रडार चार्ट निम्न-आयामी डेटा को वृत्ताकार फ़ॉर्मेट में प्लॉट करने का एक सरल तरीका है।
रडार चार्ट को स्पाइडर चार्ट, स्टार चार्ट, वेब चार्ट, पोलर चार्ट भी कहा जाता है।
अनुप्रयोग
रडार चार्ट उन डेवलपर्स, डेटा साइंटिस्टों और इंजीनियरों के लिए विशेष रूप से उपयोगी है जिन्हें डेटा को वृत्ताकार फ़ॉर्मेट में स्पष्ट और संक्षिप्त तरीके से दर्शाना होता है।
इसका उपयोग आमतौर पर कई एंटिटी के कई आयामों पर प्रदर्शन को ग्राफ़िक रूप से सारांशित और तुलना करने के लिए किया जाता है।
सिंटैक्स
कॉपी करें
एम्बेड
radar-beta
axis A, B, C, D, E
curve c1{1,2,3,4,5}
curve c2{5,4,3,2,1}
... More Fields ...
उदाहरण
कॉपी करें
एम्बेड
---
title: "Grades"
---
radar-beta
axis m["Math"], s["Chinese"], e["English"]
axis h["History"], g["Geography"], a["Art"]
curve a["Alice"]{85, 90, 80, 70, 75, 90}
curve b["Bob"]{70, 75, 85, 80, 90, 85}
max 100
min 0
सिंटैक्स विवरण
शीर्षक
title: रडार चार्ट के शीर्ष पर रेंडर होता है।
कॉपी करें
एम्बेड
radar-beta
title Title of the Radar Diagram
...
अक्ष
axis: axis सिंटैक्स का उपयोग रडार चार्ट के अक्षों को परिभाषित करने के लिए किया जाता है।
प्रत्येक अक्ष को एक ID और एक वैकल्पिक लेबल द्वारा दर्शाया जाता है।
एक ही पंक्ति में कई अक्ष परिभाषित किए जा सकते हैं।
कॉपी करें
एम्बेड
radar-beta
axis id1["Label1"]
axis id2["Label2"], id3["Label3"]
...
कर्व
curve: curve सिंटैक्स का उपयोग रडार चार्ट में कर्व के डेटा बिंदुओं को परिभाषित करने के लिए किया जाता है।
प्रत्येक कर्व को एक ID, एक वैकल्पिक लेबल और एक मान सूची द्वारा दर्शाया जाता है।
मानों को संख्याओं की सूची या कुंजी-मान युग्मों की सूची द्वारा परिभाषित किया जा सकता है। यदि कुंजी-मान युग्म का उपयोग किया जाए, तो कुंजी अक्ष ID दर्शाती है और मान डेटा बिंदु दर्शाता है।
एक ही पंक्ति में कई कर्व परिभाषित किए जा सकते हैं।
कॉपी करें
एम्बेड
radar-beta
axis axis1, axis2, axis3
curve id1["Label1"]{1, 2, 3}
curve id2["Label2"]{4, 5, 6}, id3{7, 8, 9}
curve id4{ axis3: 30, axis1: 20, axis2: 10 }
...
विकल्प
- showLegend: showLegend सिंटैक्स का उपयोग रडार चार्ट में लेजेंड दिखाने या छिपाने के लिए किया जाता है, डिफ़ॉल्ट रूप से यह दिखाई देता है।
- max: रडार चार्ट का अधिकतम मान, इसका उपयोग रडार चार्ट को स्केल करने के लिए किया जाता है। यदि प्रदान नहीं किया गया है, तो डेटा बिंदुओं से अधिकतम मान की गणना की जाती है।
- min: रडार चार्ट का न्यूनतम मान, इसका उपयोग रडार चार्ट को स्केल करने के लिए किया जाता है। यदि प्रदान नहीं किया गया है, तो न्यूनतम मान 0 होता है।
- graticule: graticule सिंटैक्स का उपयोग रडार चार्ट में रेंडर किए जाने वाले ग्रिड लाइनों के प्रकार को परिभाषित करने के लिए किया जाता है। ग्रिड लाइनें circle या polygon हो सकती हैं। यदि प्रदान नहीं किया गया है, तो डिफ़ॉल्ट circle होता है।
- ticks: ticks सिंटैक्स का उपयोग ग्रिड लाइनों पर टिक की संख्या परिभाषित करने के लिए किया जाता है। यह बनाए गए संकेंद्रीय वृत्तों या बहुभुजों की संख्या है, जो रडार चार्ट का पैमाना दर्शाती है। यदि प्रदान नहीं किया गया है, तो डिफ़ॉल्ट टिक संख्या 5 होती है।
कॉपी करें
एम्बेड
radar-beta
...
showLegend true
max 100
min 0
graticule circle
ticks 5
...
कॉन्फ़िगरेशन
| पैरामीटर | विवरण | डिफ़ॉल्ट मान |
|---|---|---|
| width | रडार चार्ट की चौड़ाई | 600 |
| height | रडार चार्ट की ऊँचाई | 600 |
| marginTop | रडार चार्ट का ऊपरी मार्जिन | 50 |
| marginBottom | रडार चार्ट का निचला मार्जिन | 50 |
| marginLeft | रडार चार्ट का बायाँ मार्जिन | 50 |
| marginRight | रडार चार्ट का दायाँ मार्जिन | 50 |
| axisScaleFactor | अक्ष का स्केल फ़ैक्टर | 1 |
| axisLabelFactor | अक्ष लेबल की स्थिति समायोजित करने वाला फ़ैक्टर | 1.05 |
| curveTension | गोल कोनों वाले कर्व का टेंशन | 0.17 |
थीम वेरिएबल
वैश्विक थीम वेरिएबल
इन वेरिएबल के डिफ़ॉल्ट मान उपयोग की गई थीम पर निर्भर करते हैं। डिफ़ॉल्ट मान को ओवरराइड करने के लिए, कॉन्फ़िगरेशन के themeVariables भाग में आवश्यक मान सेट करें: config: themeVariables: cScale0: "#FF0000" cScale1: "#00FF00"
रडार चार्ट रंग स्केल cScale${i} का समर्थन करता है, जहाँ i, 0 से थीम रंग स्केल की अधिकतम रंग संख्या तक की संख्या है। आमतौर पर, अधिकतम रंग संख्या 12 होती है।
| प्रॉपर्टी | विवरण |
|---|---|
| fontSize | शीर्षक का फ़ॉन्ट आकार |
| titleColor | शीर्षक का रंग |
| cScale$ | i-वें कर्व का रंग स्केल |
रडार शैली विकल्प
रडार के विशिष्ट वेरिएबल radar कुंजी के भीतर होते हैं। रडार शैली विकल्प सेट करने के लिए, निम्नलिखित सिंटैक्स का उपयोग करें। config: themeVariables: radar: axisColor: "#FF0000"
| प्रॉपर्टी | विवरण | डिफ़ॉल्ट मान |
|---|---|---|
| axisColor | अक्ष रेखा का रंग | black |
| axisStrokeWidth | अक्ष रेखा की चौड़ाई | 1 |
| axisLabelFontSize | अक्ष लेबल का फ़ॉन्ट आकार | 12px |
| curveOpacity | कर्व की अपारदर्शिता | 0.7 |
| curveStrokeWidth | कर्व की चौड़ाई | 2 |
| graticuleColor | ग्रिड लाइन का रंग | black |
| graticuleOpacity | ग्रिड लाइन की अपारदर्शिता | 0.5 |
| graticuleStrokeWidth | ग्रिड लाइन की चौड़ाई | 1 |
| legendBoxSize | लेजेंड बॉक्स का आकार | 10 |
| legendFontSize | लेजेंड का फ़ॉन्ट आकार | 14px |
कॉन्फ़िगरेशन और थीम उदाहरण
कॉपी करें
एम्बेड
---
config:
radar:
axisScaleFactor: 0.25
curveTension: 0.1
theme: base
themeVariables:
cScale0: "#FF0000"
cScale1: "#00FF00"
cScale2: "#0000FF"
radar:
curveOpacity: 0
---
radar-beta
axis A, B, C, D, E
curve c1{1,2,3,4,5}
curve c2{5,4,3,2,1}
curve c3{3,3,3,3,3}
