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

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

---

שימוש

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

ראו גם

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

<templatedata> { "params": { "ממוזער": {}, "רוחב": {}, "אחוז30": {}, "צבע30": {}, "אחוז1": {}, "אחוז2": {}, "אחוז3": {}, "אחוז4": {}, "אחוז5": {}, "אחוז6": {}, "אחוז7": {}, "אחוז8": {}, "אחוז9": {}, "אחוז10": {}, "אחוז11": {}, "אחוז12": {}, "אחוז13": {}, "אחוז14": {}, "אחוז15": {}, "אחוז16": {}, "אחוז17": {}, "אחוז18": {}, "אחוז19": {}, "אחוז20": {}, "אחוז21": {}, "אחוז22": {}, "אחוז23": {}, "אחוז24": {}, "אחוז25": {}, "אחוז26": {}, "אחוז27": {}, "אחוז28": {}, "אחוז29": {}, "צבע29": {}, "צבע28": {}, "צבע27": {}, "צבע26": {}, "צבע25": {}, "צבע24": {}, "צבע23": {}, "צבע22": {}, "צבע21": {}, "צבע20": {}, "צבע19": {}, "צבע18": {}, "צבע17": {}, "צבע16": {}, "צבע15": {}, "צבע14": {}, "צבע13": {}, "צבע12": {}, "צבע11": {}, "צבע10": {}, "צבע9": {}, "צבע8": {}, "צבע7": {}, "צבע6": {}, "צבע5": {}, "צבע4": {}, "צבע3": {}, "צבע2": {}, "צבע1": {}, "כיתוב": {}, "תווית1": {}, "תווית2": {}, "תווית3": {}, "תווית4": {}, "תווית5": {}, "תווית6": {}, "תווית7": {}, "תווית8": {}, "תווית9": {}, "תווית10": {}, "תווית11": {}, "תווית12": {}, "תווית13": {}, "תווית14": {}, "תווית15": {}, "תווית16": {}, "תווית17": {}, "תווית18": {}, "תווית19": {}, "תווית20": {}, "תווית21": {}, "תווית22": {}, "תווית23": {}, "תווית24": {}, "תווית25": {}, "תווית26": {}, "תווית27": {}, "תווית28": {}, "תווית29": {}, "תווית30": {}, "אחר": {} }, "format": "block" } </templatedata>