Шаблон:Bar stacked (OgQlku&Bar stacked)
Перейти к навигации
Перейти к поиску
Служебный шаблон для построения горизонтальных гистограмм. Используется вместе с {{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
[править код]{{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}}