מבוא לתרשים רדאר
תרשים רדאר הוא דרך פשוטה לשרטט נתונים בעלי ממד נמוך בפורמט מעגלי.
תרשים רדאר מכונה גם תרשים עכביש, תרשים כוכב, תרשים רשת ותרשים קואורדינטות קוטביות.
יישום
תרשים רדאר שימושי במיוחד למפתחים, למדעני נתונים ולמהנדסים הזקוקים לייצג נתונים בצורה ברורה ותמציתית בפורמט מעגלי.
הוא משמש בדרך כלל לסיכום והשוואה חזותית של הביצועים של מספר ישויות במספר ממדים.
תחביר
העתק
הטמעה
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, תווית אופציונלית ורשימת ערכים.
ניתן להגדיר ערכים באמצעות רשימת מספרים או רשימת זוגות מפתח-ערך. אם משתמשים בזוגות מפתח-ערך, המפתח מייצג את מזהה הציר, והערך מייצג נקודת נתונים.
ניתן להגדיר מספר עקומות על שורה אחת.
העתק
הטמעה
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}
