תבנית:תרשים עוגה

המידע מטה מוצג מתוך הדף תבנית:תרשים עוגה/תיעוד.

---

שימוש

ניתן לפרט תוויות ואחוזים עד ל-30 פלחים. כל הפרמטרים עבור שש פלחים מפורטים להלן; כדי לכלול פלחים נוספים, העתיקו את הקוד עבור אחד האחרים, ושנו את הספרה בסוף כל שם פרמטר.

{{תרשים עוגה
| ממוזער = 
| כיתוב = 
| אחר = 
| תווית1 =לזכור 
| אחוז1 =16.6
| צבע1 =2
| תווית2 =להבין
| אחוז2 =16.6
| צבע2 =3 
| תווית3 =ליישם
| אחוז3 =16.6 
| צבע3 =5 
| תווית4 =לנתח
| אחוז4 =16.6
| צבע4 =6
| תווית5 =להעריך
| אחוז5 =16.6
| צבע5 =9
| תווית6 =לעצב
| אחוז6 =16.6
| צבע6 =10
}}

• הפרמטר |ממוזער= מציין באיזה צד של הדף יימצא התרשים וברירת המחדל היא ימינה, כמו עם קובצי תמונה. כדי להציג את התרשים בצד שמאל של הדף, ציין את המילה |ממוזער=שמאל.
• הפרמטר |כיתוב= מציין מחרוזת טקסט שמופיעה בשורה לפני המקרא.
• הפרמטר|אחר=, אם צוין, יגרום לפריט "אחר" להופיע במקרא.
• כל |תוויתN= הוא מחרוזת טקסט המופיעה בפריט מקרא עבור פלח. השמטתה תגרום לפריט מקרא לא תוצג עבור פרוסה זו.
• כל |אחוזN= הוא האחוז שהפלח מייצג. אין לכלול את סימן האחוזים. כמו כן, שים לב כי היא מוצגת במקרא כפי שנכתב (רק אחרי התווית), ללא עיגול או עיצוב אחר.
• כל |צבעN= הוא קוד צבע css או שם. אם מושמט, הוא יוגדרו ברירת המחדל הגוונים הבאים:

1.   אדום
2.   ירוק
3.   כחול
4.   צהוב
5.   ורוד פוקסיה
6.   מים
7.   חום
8.   כתום
9.   סגול
10.   סיינה

מגבלות

• הערכים צריכים להיות באחוזים.
• Google Chrome ו-Safari אינם מבצעות גבולות anti-alias, ולכן השורות קצת משוננות. (עבור Chrome, נראה שהבעיה נפתרה, נבדק עם גרסה 26).
• לא ניתן לשים תוויות על הפלחים עצמם.
• בעיקרון, לא ניתן לשמור עותק של התרשים באמצעות הפונקציה "שמור תמונה" של הדפדפן.
• המספר המקסימלי של פלחים שניתן להציג: 30.

איך זה עובד

  אחת (42%)

  שניים (32%)

  שלוש (12%)

  ארבע (3%)

  חמש (2%)

  שש (1%)

  אחר (8%)

זוהי תבנית ניסיונית שמציירת תרשימי עוגה באמצעות תמונה אחת, הרבה מקוד CSS (בשורה) שנוצר על ידי פונקציות Parser, ובהחלט לא JavaScript. היא משתמשת בטכניקה ציור קווים אלכסוניים ב-CSS תוך ניצול העובדה כי גבולות המוגדרים על אלמנטים מחוברים זוויתית. לכן, ניתן לקבוע גבול אחד לצבע אטום, כאשר האחרים שקופים לגמרי, כדי ליצור קו אלכסוני. ניתן לשלוט על זווית הקו על ידי התאמת רוחב של שני גבולות סמוכים (אחד מהם אטום) ביחס זה לזה. שימו לב שבדפדפן [[|W:Internet Explorer 6|Internet Explorer 6]], החלת גבולות שקופים, בדרך הסטנדרטית אינה פועלת. עקיפת הבעיה אפשרית באמצעות מחלקת transborder, שנוספה ל-MediaWiki:Common.css כדי להפוך את התבנית לשמישה.

פלחי עוגה מצוירים לפי סדר כיוון השעון, בכיוון נגד כיוון השעון. פלחי עוגה אלה ממוקמים:

• מתחת לתמונת px‏200×200 של עיגול שקוף על רקע בהיר (כמו צבע הרקע בשימוש מחלקת ה-CSS thumbinner)
• בתוך אלמנט מכיל עם סט overflow: hidden;

זה מאפשר רק לחלק שבתוך המעגל של כל פלח להיות גלוי בדף.

רוב הקוד ב-{{תרשים עוגה/פלח}} מחולק לחמישה חלקים, ארבעת הראשונים מתאימים לרבעי העיגול והאחרון דואג בצורה ברורה למקרה שבו פלח אחד תופס 100% מהתרשים.

דוגמה

הדוגמה הבאה של תבנית:תרשים עוגה מייצרת את תרשים העוגה המוצג בצד שמאל.

דתות בצ'כיה נכון ל-2001.

  אתאיסטים ואגנוסטים (59%)

  קתולים (26.8%)

  פרוטסטנטים (2.5%)

  אחר (11.7%)

{{תרשים עוגה
| כיתוב=[[w:Religion in the Czech Republic|דתות בצ'כיה]] נכון ל-2001.
| אחר = כן
| תווית1 = [[אתאיזם|אתאיסטים]] ו[[אגנוסטיות|אגנוסטים]]
| אחוז1 = 59
| צבע1 = silver
| תווית2 = [[הכנסייה הקתולית|קתולים]]
| אחוז2 = 26.8
| צבע2 = #008
| תווית3= [[נצרות פרוטסטנטית|פרוטסטנטים]]
| אחוז3 = 2.5
| צבע3 = #08f
}}

ראו גם

• {{סרגל הרכב}}
• יחידה:גרפים

אין תיאור.

פרמטרים של תבניות[עריכת נתוני תבנית]

התבנית הזאת מעדיפה עיצוב פרמטרים בתור פסקה.

פרמטר		תיאור	סוג	מצב
ממוזער	ממוזער	אין תיאור	בלתי־ידוע	לא חובה
רוחב	רוחב	אין תיאור	בלתי־ידוע	לא חובה
אחוז30	אחוז30	אין תיאור	בלתי־ידוע	לא חובה
צבע30	צבע30	אין תיאור	בלתי־ידוע	לא חובה
אחוז1	אחוז1	אין תיאור	בלתי־ידוע	לא חובה
אחוז2	אחוז2	אין תיאור	בלתי־ידוע	לא חובה
אחוז3	אחוז3	אין תיאור	בלתי־ידוע	לא חובה
אחוז4	אחוז4	אין תיאור	בלתי־ידוע	לא חובה
אחוז5	אחוז5	אין תיאור	בלתי־ידוע	לא חובה
אחוז6	אחוז6	אין תיאור	בלתי־ידוע	לא חובה
אחוז7	אחוז7	אין תיאור	בלתי־ידוע	לא חובה
אחוז8	אחוז8	אין תיאור	בלתי־ידוע	לא חובה
אחוז9	אחוז9	אין תיאור	בלתי־ידוע	לא חובה
אחוז10	אחוז10	אין תיאור	בלתי־ידוע	לא חובה
אחוז11	אחוז11	אין תיאור	בלתי־ידוע	לא חובה
אחוז12	אחוז12	אין תיאור	בלתי־ידוע	לא חובה
אחוז13	אחוז13	אין תיאור	בלתי־ידוע	לא חובה
אחוז14	אחוז14	אין תיאור	בלתי־ידוע	לא חובה
אחוז15	אחוז15	אין תיאור	בלתי־ידוע	לא חובה
אחוז16	אחוז16	אין תיאור	בלתי־ידוע	לא חובה
אחוז17	אחוז17	אין תיאור	בלתי־ידוע	לא חובה
אחוז18	אחוז18	אין תיאור	בלתי־ידוע	לא חובה
אחוז19	אחוז19	אין תיאור	בלתי־ידוע	לא חובה
אחוז20	אחוז20	אין תיאור	בלתי־ידוע	לא חובה
אחוז21	אחוז21	אין תיאור	בלתי־ידוע	לא חובה
אחוז22	אחוז22	אין תיאור	בלתי־ידוע	לא חובה
אחוז23	אחוז23	אין תיאור	בלתי־ידוע	לא חובה
אחוז24	אחוז24	אין תיאור	בלתי־ידוע	לא חובה
אחוז25	אחוז25	אין תיאור	בלתי־ידוע	לא חובה
אחוז26	אחוז26	אין תיאור	בלתי־ידוע	לא חובה
אחוז27	אחוז27	אין תיאור	בלתי־ידוע	לא חובה
אחוז28	אחוז28	אין תיאור	בלתי־ידוע	לא חובה
אחוז29	אחוז29	אין תיאור	בלתי־ידוע	לא חובה
צבע29	צבע29	אין תיאור	בלתי־ידוע	לא חובה
צבע28	צבע28	אין תיאור	בלתי־ידוע	לא חובה
צבע27	צבע27	אין תיאור	בלתי־ידוע	לא חובה
צבע26	צבע26	אין תיאור	בלתי־ידוע	לא חובה
צבע25	צבע25	אין תיאור	בלתי־ידוע	לא חובה
צבע24	צבע24	אין תיאור	בלתי־ידוע	לא חובה
צבע23	צבע23	אין תיאור	בלתי־ידוע	לא חובה
צבע22	צבע22	אין תיאור	בלתי־ידוע	לא חובה
צבע21	צבע21	אין תיאור	בלתי־ידוע	לא חובה
צבע20	צבע20	אין תיאור	בלתי־ידוע	לא חובה
צבע19	צבע19	אין תיאור	בלתי־ידוע	לא חובה
צבע18	צבע18	אין תיאור	בלתי־ידוע	לא חובה
צבע17	צבע17	אין תיאור	בלתי־ידוע	לא חובה
צבע16	צבע16	אין תיאור	בלתי־ידוע	לא חובה
צבע15	צבע15	אין תיאור	בלתי־ידוע	לא חובה
צבע14	צבע14	אין תיאור	בלתי־ידוע	לא חובה
צבע13	צבע13	אין תיאור	בלתי־ידוע	לא חובה
צבע12	צבע12	אין תיאור	בלתי־ידוע	לא חובה
צבע11	צבע11	אין תיאור	בלתי־ידוע	לא חובה
צבע10	צבע10	אין תיאור	בלתי־ידוע	לא חובה
צבע9	צבע9	אין תיאור	בלתי־ידוע	לא חובה
צבע8	צבע8	אין תיאור	בלתי־ידוע	לא חובה
צבע7	צבע7	אין תיאור	בלתי־ידוע	לא חובה
צבע6	צבע6	אין תיאור	בלתי־ידוע	לא חובה
צבע5	צבע5	אין תיאור	בלתי־ידוע	לא חובה
צבע4	צבע4	אין תיאור	בלתי־ידוע	לא חובה
צבע3	צבע3	אין תיאור	בלתי־ידוע	לא חובה
צבע2	צבע2	אין תיאור	בלתי־ידוע	לא חובה
צבע1	צבע1	אין תיאור	בלתי־ידוע	לא חובה
כיתוב	כיתוב	אין תיאור	בלתי־ידוע	לא חובה
תווית1	תווית1	אין תיאור	בלתי־ידוע	לא חובה
תווית2	תווית2	אין תיאור	בלתי־ידוע	לא חובה
תווית3	תווית3	אין תיאור	בלתי־ידוע	לא חובה
תווית4	תווית4	אין תיאור	בלתי־ידוע	לא חובה
תווית5	תווית5	אין תיאור	בלתי־ידוע	לא חובה
תווית6	תווית6	אין תיאור	בלתי־ידוע	לא חובה
תווית7	תווית7	אין תיאור	בלתי־ידוע	לא חובה
תווית8	תווית8	אין תיאור	בלתי־ידוע	לא חובה
תווית9	תווית9	אין תיאור	בלתי־ידוע	לא חובה
תווית10	תווית10	אין תיאור	בלתי־ידוע	לא חובה
תווית11	תווית11	אין תיאור	בלתי־ידוע	לא חובה
תווית12	תווית12	אין תיאור	בלתי־ידוע	לא חובה
תווית13	תווית13	אין תיאור	בלתי־ידוע	לא חובה
תווית14	תווית14	אין תיאור	בלתי־ידוע	לא חובה
תווית15	תווית15	אין תיאור	בלתי־ידוע	לא חובה
תווית16	תווית16	אין תיאור	בלתי־ידוע	לא חובה
תווית17	תווית17	אין תיאור	בלתי־ידוע	לא חובה
תווית18	תווית18	אין תיאור	בלתי־ידוע	לא חובה
תווית19	תווית19	אין תיאור	בלתי־ידוע	לא חובה
תווית20	תווית20	אין תיאור	בלתי־ידוע	לא חובה
תווית21	תווית21	אין תיאור	בלתי־ידוע	לא חובה
תווית22	תווית22	אין תיאור	בלתי־ידוע	לא חובה
תווית23	תווית23	אין תיאור	בלתי־ידוע	לא חובה
תווית24	תווית24	אין תיאור	בלתי־ידוע	לא חובה
תווית25	תווית25	אין תיאור	בלתי־ידוע	לא חובה
תווית26	תווית26	אין תיאור	בלתי־ידוע	לא חובה
תווית27	תווית27	אין תיאור	בלתי־ידוע	לא חובה
תווית28	תווית28	אין תיאור	בלתי־ידוע	לא חובה
תווית29	תווית29	אין תיאור	בלתי־ידוע	לא חובה
תווית30	תווית30	אין תיאור	בלתי־ידוע	לא חובה
אחר	אחר	אין תיאור	בלתי־ידוע	לא חובה