Шаблон:Bar box/документація

Для створення горизонтальних гістограм використовуються шаблони: {{bar box}}, {{bar percent}}, {{bar pixel}} і {{bar stacked}}.

Використання

{{Bar box
|width   =  <!--ширина графіка (необов'язково)-->
|barwidth=  <!--ширина рядків (стандартно 100px)-->
|float   =  <!--параметри вирівнювання (left|right|none) (необов'язково)-->
|title   =  <!--заголовок (необов'язково)-->
|titlebar=  <!--колір тла заголовка (необов'язково)-->
|left1   =  <!--назва першої лівої колонки (необов'язково)-->
|left2   =  <!--назва другої лівої колонки (необов'язково)-->
|right1  =  <!--назва першої правої колонки (необов'язково)-->
|right2  =  <!--назва другої правої колонки' (необов'язково)-->
|bars    =  <!--зміст (пояснено нижче)-->
|caption =  <!--підпис   (необов'язково)-->
}}

Рядки гістограми

Горизонтальна гістограма може містити довільну кількість рядків, які бувають двох основних типів.

  • Відсотоковий рядок:
{{bar percent|мітка ліворуч|колір|ширина у відсотках числом|мітка праворуч (необов'язково)}}

Якщо не зазначено окремо ярлик для значень рядків, то буде додана мітка «%». Так як шаблон не відображає коректно десяткові дроби, бажано використовувати для таких значень піксельний рядок, заповнюючи значенням цілої частини параметр ширини, а дробової (разом із комою) — ярлик.

  • Піксельний рядок:
{{bar pixel|мітка ліворуч|колір|ширина у пікселях числом|суфікс|мітка праворуч (необов'язково)}}

Якщо мітка праворуч зазначена, суфікс ігнорується. В іншому випадку до значень рядка праворуч буде додано суфікс. Тобто два наступних рядка будуть виглядати однаково: 

{{bar pixel|foo|red|12||12,345}}
{{bar pixel|foo|red|12|,345}}

Приклади

{{bar box
|float=right
|caption=Випадковий набір параметрів.
|width=200px
|bars=
{{bar percent|Перший|red|30}}
{{bar percent|Другий|green|40}}
{{bar percent|Третій|blue|20}}
{{bar percent|Четвертий|orange|8}}
{{bar percent|П'ятий|teal|2}}
}}
Перший
  
 30%
Другий
  
 40%
Третій
  
 20%
Четвертий
  
 8%
П'ятий
  
 2%
Випадковий набір параметрів.
{{bar box
|title=Кількісні показники успішності
|titlebar=#DDD
|left1=Оцінка
|right2=%
|width=400px
|bars=
{{bar pixel|Відмінно|red|30|,21}}
{{bar pixel|Добре|green|40|,12}}
{{bar pixel|Задовільно|blue|20|,12}}
{{bar pixel|Незадовільно|orange|9|,55}}
|caption=Якість навчання за конкретний період.
}}
Кількісні показники успішності
Оцінка %
Відмінно
  
 30,21
Добре
  
 40,12
Задовільно
  
 20,12
Незадовільно
  
 9,55
Якість навчання за конкретний період.

Див. також