Шаблон:Bar stacked/doc

Служебный шаблон для построения горизонтальных гистограмм. Используется вместе с {{bar box}}. Для создания сложных гистограмм шаблон дает возможность использовать до 5 цветов в одной строке.

Заготовка строкой

{{Bar stacked| слева 1-я колонка | справа 1-я колонка | цвет 1-й полоски | ширина 1-й полоски | цвет 2-й полоски | ширина 2-й полоски | цвет 3-й полоски | ширина 3-й полоски | цвет 4-й полоски | ширина 4-й полоски | цвет 5-й полоски | ширина 5-й полоски  |слева2 = слева 2-я колонка |справа2 = справа 2-я колонка |align = (lcrd) |collapsed = (да, для кнопок) |id = (для кнопок) }}

Все параметры

{{Bar stacked
|1= слева 1-я колонка
|2= справа 1-я колонка
|3= цвет 1-й полоски (По умолчанию dimgray)
|4= ширина 1-й полоски в px (только число)
|5= цвет 2-й полоски (По умолчанию skyblue)
|6= ширина 2-й полоски в px (только число)
|7= цвет 3-й полоски (По умолчанию tomato)
|8= ширина 3-й полоски в px (только число)
|9= цвет 4-й полоски (По умолчанию darkturquoise)
|10= ширина 4-й полоски в px (только число)
|11= цвет 5-й полоски (По умолчанию darkorange)
|12= ширина 5-й полоски в px (только число)

|слева2    = слева 2-я колонка
|справа2   = справа 2-я колонка
|align     = lcrd  (выравнивание всех 4-х колонок слева направо по порядку, l=left, c=center, r=right, d=значение по умолчанию)

|collapsed = да  (Гистограмма будет свёрнута, это нужно для кнопок, если кнопок нет, то параметр не нужен)
|id        =  (для кнопок, если кнопок нет, то параметр не нужен)

|альт1 = альтернативная подпись для 1-й полоски
|альт2 = альтернативная подпись для 2-й полоски
|альт3 = альтернативная подпись для 3-й полоски
|альт4 = альтернативная подпись для 4-й полоски
|альт5 = альтернативная подпись для 5-й полоски

}}

Примеры гистограмм

Примеры сделаны для наглядности и чтобы показать варианты использования.

Пример 1

График загруженности      Директорат        Руководство        Менеджеры      Охрана        Уборщики нажми →ВсегоИтого← нажми
Январь		​ ​ ​ ​ ​	(=)
Февраль		​ ​ ​ ​ ​	+60.3%
Март		​ ​ ​ ​ ​	99	+25%
Итог	(общий)	​ ​ ​ ​ ​	142	+11%

{{Bar box
|ширина полосок = 250px
|заголовок      = График загруженности<br><!-- 
--><div style="font-size:85%;"><!--
-->{{legend0|dimgrey|Директорат}}<!--
-->{{spaces|3}}{{legend0|skyblue|Руководство}}<!--
-->{{spaces|3}}{{legend0|tomato|Менеджеры}}<br><!--
-->{{legend0|darkturquoise|Охрана}}<!--
-->{{spaces|3}}{{legend0|darkorange|Уборщики}}<!-- 
--></div><!-- 
--><span style="font-weight:normal;">нажми</span> →<span id="mw-customcollapsible-last" class="mw-collapsible mw-customtoggle-all mw-customtoggle-last mw-collapsed" style="border:1px solid skyblue; padding:0 .2em;">Всего</span><!-- 
--><span id="mw-customcollapsible-all" class="mw-collapsible mw-customtoggle-all mw-customtoggle-last" style="border:1px solid darkturquoise; padding:0 .2em;">Итого</span>← <span style="font-weight:normal;">нажми</span>

|строки         =
{{bar stacked|Январь|({{=}})|dimgrey|3|skyblue|22|align=ddcd|id=all}}
{{bar stacked|Февраль|+60.3%|dimgrey|8|skyblue|26|tomato|6|id=all}}
{{bar stacked|Март|99|dimgrey|11|skyblue|18|tomato|8|darkturquoise|11|darkorange|20|справа2= +25% |align= cdrl |id=all}}
{{bar stacked|Итог|142|dimgrey|15|skyblue|24|tomato|8|turquoise|13|darkorange|26|слева2= (общий) |справа2= +11% |collapsed= yes |id=last}}
}}

Пример 2

нажми → Bar stacked ← нажми
Итог	(общий)	​ ​ ​ ​ ​	142	+11%

{| class="wikitable"
!colspan="5" class="mw-customtoggle-нажми" width="350px"|<span style="font-weight:normal;">нажми</span> → Bar stacked ← <span style="font-weight:normal;">нажми</span>
{{bar stacked|Итог|142|dimgrey|15|skyblue|24|tomato|8|turquoise|13|darkorange|26|слева2= (общий) |справа2= +11% |collapsed= yes |id=нажми}}
|}

Пример 3

Сложный вариант на базе {{bar box}} с использованием {{bar stacked}}

См. также

• {{bar box}}
• {{bar percent}}
• {{bar pixel}}
• {{inline block}}
• {{inline bar}}