Template:Stacked bar
![]() | This template uses TemplateStyles: |
Usage
[edit]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 progressionTotal
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 TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:Stacked bar in articles based on its TemplateData.
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
|
Examples
[edit]- 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 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}}
|
- 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}}
|
- 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}}
|
- 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.
{{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}}
|
See also
[edit]- {{Progression rainbow}}, which has no option for captions and always uses article class colors