قالب:Stacked bar

Template documentation[view] [edit] [history] [purge]

 Usage

Makes a horizontal stacked chart of up to 12 counts (plus a gray bar if the total is greater than the sum of the 12). If no total is supplied, defaults to 100 (for percentages). By default, uses nice rainbow of colors that don't correspond to reserved article class or importance colors, but colors can be customized.

Article counts may be automatically calculated with the {{PAGESINCATEGORY}} magic word, e.g. {{PAGESINCATEGORY:FA-Class Square Enix articles|R}}

• A# variables: Amounts. Given as any plain number. No units permitted.
• T# variables: Optional titles. If no title is wanted, leave completely blank. (A   or similar is not helpful.)
• C# variables: Optional colour values as any valid CSS colour. Defaults to a rainbow-type progression
• Total Optional total amount. Given as any plain number. No units permitted. Defaults to 100.
• height Optional height of the bar. Given as a CSS length (px recommended). Defaults to 10.
• vertical_caption: If set to yes/true, have the labels use vertical text. If set to lean, tilts the text at an angle.
• caption_height: If the captions are vertical, their height is limited to this. Given as a CSS length, e.g. 8em or 200px.
• hover-pc: Display percentages on hover, via title-text.

TemplateData This is the بيانات القالب documentation for this template used by المحرر المرئي وأدوات أخرى. See the monthly error report for this template. TemplateData for Stacked bar

Makes a horizontal stacked chart of up to 12 counts (plus a gray bar if the total is greater than the sum of the 12). If no total is supplied, defaults to 100 (for percentages). By default, uses nice rainbow of colors that don't correspond to reserved article class or importance colors, but colors can be customized. Article counts may be automatically calculated with the {{PAGESINCATEGORY}} magic word, e.g. {{PAGESINCATEGORY:FA-Class Square Enix articles|R}} • A# variables: Amounts. Given as any plain number. No units permitted. • T# variables: Optional titles. If no title is wanted, leave completely blank. (An   or similar is not helpful. • C# variables: Optional colour values as any valid CSS colour. Defaults to a rainbow-type progression وسائط القالب هذا القالب له تهيئة مخصصة. وسيط وصف نوع حالة Vertical caption vertical_caption If set to yes/true, have the labels use vertical text. بولياني اختياري Caption height limit caption_height If the captions are vertical, their height is limited to this. Given as a CSS length. غيابي 8em نص اختياري Hover text hover-pc If present, hovering the mouse over a bar segment shows the percentage of the total. Only works on pc. بولياني اختياري Bar height height Height of the bar as a CSS length (px recommended). غيابي Default is 10px; this is as thin as you would want to go. نص اختياري Total amount Total Total amount that the bars sum to. Should be a number with no units. غيابي Defaults to 100 so that percentages can be used as the amounts. رقم اختياري Text 1 T1 Label of this item سطر مقترح Amount 1 A1 Amount of this item (plain number) رقم مطلوب Text 2 T2 Label of this item سطر مقترح Amount 2 A2 Amount of this item (plain number) رقم مطلوب Text 3 T3 Label of this item سطر مقترح Amount 3 A3 Amount of this item (plain number) رقم مقترح Text 4 T4 Label of this item سطر اختياري Amount 4 A4 Amount of this item (plain number) رقم اختياري Text 5 T5 Label of this item سطر اختياري Amount 5 A5 Amount of this item (plain number) رقم اختياري Text 6 T6 Label of this item سطر اختياري Amount 6 A6 Amount of this item (plain number) رقم اختياري Text 7 T7 Label of this item سطر اختياري Amount 7 A7 Amount of this item (plain number) رقم اختياري Text 8 T8 Label of this item سطر اختياري Amount 8 A8 Amount of this item (plain number) رقم اختياري Text 9 T9 Label of this item سطر اختياري Amount 9 A9 Amount of this item (plain number) رقم اختياري Text 10 T10 Label of this item سطر اختياري Amount 10 A10 Amount of this item (plain number) رقم اختياري Text 11 T11 Label of this item سطر اختياري Amount 11 A11 Amount of this item (plain number) رقم اختياري Text 12 T12 Label of this item سطر اختياري Amount 12 A12 Amount of this item (plain number) رقم اختياري Colour 1 C1 CSS colour of this item نص اختياري Colour 2 C2 CSS colour of this item نص اختياري Colour 3 C3 CSS colour of this item نص اختياري Colour 4 C4 CSS colour of this item نص اختياري Colour 5 C5 CSS colour of this item نص اختياري Colour 6 C6 CSS colour of this item نص اختياري Colour 7 C7 CSS colour of this item نص اختياري Colour 8 C8 CSS colour of this item نص اختياري Colour 9 C9 CSS colour of this item نص اختياري Colour 10 C10 CSS colour of this item نص اختياري Colour 11 C11 CSS colour of this item نص اختياري Colour 12 C12 CSS colour of this item نص اختياري

 Examples

Video game good articles by arbitrary category

{{Stacked bar|A1=833|T1=Video games |A2=33|T2=Series |A3=94|T3=Characters |A4=99|T4=Development |A5=71|T5=Music |A6=29|T6=Media |A7=36|T7=Etc|C7=Black |Total=1195}}

Note that if the width of the bar section is narrower than the width of the labels, then the labels push each other out of the way, harming readability. The final section has also been given a specified color, while the rest are left at defaults.

Video games

Series

Characters

Development

Music

Media

Etc

Video game good articles with vertical text

This is slightly harder to read, but will allow all but the narrowest categories to line up properly.

{{Stacked bar|vertical_caption=yes|A1=833|T1=Video games |A2=33|T2=Series |A3=94|T3=Characters |A4=99|T4=Development |A5=71|T5=Music |A6=29|T6=Media |A7=36|T7=Etc|C7=Black |Total=1195}}

Video games

Series

Characters

Development

Music

Media

Etc

Number of video game articles in the 70s and earlier by year with a higher total than the sum

Note that some labels are abbreviated to avoid displacement. Note also the gray area at the end, as the sum of the categories is less than the "Total" number.

{{Stacked bar|A1=13|T1=<1970s |A2=5|T2=71 |A3=4|T3=72 |A4=8|T4=73 |A5=7|T5=74 |A6=16|T6=1975 |A7=23|T7=1976 |A8=24|T8=1977 |A9=37|T9=1978 |A10=54|T10=1979 |Total=200}}

<1970s

71

72

73

74

1975

1976

1977

1978

1979

Video game good articles by year

Note that some labels are skipped to avoid displacement

{{Stacked bar|A1=11|T1= |A2=17|T2= |A3=37|T3=<1985 |A4=83|T4=85–89 |A5=129|T5=1990–94 |A6=179|T6=1995–99 |A7=198|T7=2000–04 |A8=221|T8=2005–09 |A9=221|T9=2010–14 |A10=125|T10=2015–19 |A11=9|T11= |Total=1230}}

<1985

85–89

1990–94

1995–99

2000–04

2005–09

2010–14

2015–19

Leaning labels (vertical_caption=lean)

Leaning labels, with a thicker bar, placed inside of an image frame. Note the line break in the final caption.

Intel

None

Red Hat

Linaro

Unknown

IBM

Consultants

Samsung

SUSE

Google

other
companies

{{Stacked bar | height=18px | vertical_caption=lean |T1=[[Intel]]|A1=13.1|C1=#0072c6 |T2=''None''|A2=8.2|C2=#ccc |T3=[[Red Hat]]|A3=7.2|C3=#e00 |T4=[[Linaro]]|A4=5.6|C4=#96c72e |T5=''Unknown''|A5=4.1|C5=#ccc |T6=[[IBM]]|A6=4.1|C6=#1870c0 |T7=''Consultants''|A7=3.3|C7=#ccc |T8=[[Samsung]]|A8=3.2|C8=#004da4 |T9=SUSE|A9=3|C9=#30BA78 |T10=Google|A10=3|C10=#fbbc05 |T11=''other<br/>companies''|A11=45.2|C11=#eee}}[1]

Hover-pc

Title text present when hovering the mouse over the bar segments. Does not work on mobile.

{{Stacked bar|A1=11|T1= |A2=17|T2= |A3=37|T3=<1985 |A4=83|T4=85–89 |A5=129|T5=1990–94 |A6=179|T6=1995–99 |A7=198|T7=2000–04 |A8=221|T8=2005–09 |A9=221|T9=2010–14 |A10=125|T10=2015–19 |A11=9|T11= |Total=1230 |hover-pc=yes}}

<1985

85–89

1990–94

1995–99

2000–04

2005–09

2010–14

2015–19

 See also

• {{Progression rainbow}}, which has no option for captions and always uses article class colors