Dzmuh: Новая страница: «{{docpage}} {{Шаблон из википедии|Bar stacked}} Служебный шаблон для построения горизонтальных гистограмм. Используется вместе с {{tl|bar box}}. Для создания сложных гистограмм шаблон дает возможность использовать до 5 цветов в одной стро...»

2023-05-03T22:10:34Z

Новая страница: «{{docpage}} <includeonly> {{Шаблон из википедии|Bar stacked}} </includeonly> Служебный шаблон для построения горизонтальных гистограмм. Используется вместе с {{tl|bar box}}. Для создания сложных гистограмм шаблон дает возможность использовать до 5 цветов в одной стро...»

Новая страница

{{docpage}}
<includeonly>
{{Шаблон из википедии|Bar stacked}}
</includeonly>
Служебный шаблон для построения горизонтальных [[гистограмма|гистограмм]]. Используется вместе с {{tl|bar box}}. Для создания сложных гистограмм шаблон дает возможность использовать до 5 цветов в одной строке.

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

== Все параметры ==
<pre>
{{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-й полоски

}}
</pre>

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

=== Пример 1 ===
{{demo
|reverse = 1
|tag = pre class="mw-collapsible mw-collapsed" data-expandtext="показать код"
|<nowiki>
{{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}}
}}</nowiki>}}{{clear}}

=== Пример 2 ===
{{demo
|reverse = 1
|tag = pre class="mw-collapsible mw-collapsed" data-expandtext="показать код"
|<nowiki>
{| 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=нажми}}
|}</nowiki>}}{{clear}}

=== Пример 3 ===
Сложный вариант на базе {{tl|bar box}} с использованием {{tl|bar stacked}}
{{Medical cases chart
|barwidth = wide
|numwidth = mttm
|disease = COVID-19
|preposition = во
|location = Франции
|outbreak = Распространение COVID-19
|togglesbar =
<div style="text-align:center">
{{Medical cases chart/Month toggle button|янв}}
{{Medical cases chart/Month toggle button|фев}}
{{Medical cases chart/Month toggle button|мар}}
{{Medical cases chart/Month toggle button|апр}}
{{Medical cases chart/Month toggle button}}
</div>

|right2 = Смертей
|collapsible = y
|data =
2020-01-20;;;1;;;1;firstright1=y
;;;1;;;1;collapsed=y;id=янв
2020-01-24;;;2;;;2;+100%
2020-01-25;;;2;;;2;
2020-01-26;;;3;;;3;+50%
2020-01-27;;;4;;;4;+33%
;;;4;;;4;collapsed=y;id=янв
2020-01-30;;;6;;;6;+50%
2020-01-31;;;11;;;11;+83%
2020-02-01;;;12;;;12;+9.1%
2020-02-02;;;15;;;15;+25%
2020-02-03;;;15;;;15;{{=}};collapsed=y;id=фев
2020-02-04;;;16;;;16;+6.7%
2020-02-05;;1;19;;;19;+19%
2020-02-06;;2;23;;;23;+21%
2020-02-07;;2;24;;;24;+4.3%
2020-02-08;;2;24;;;24;{{=}};collapsed=y;id=фев
2020-02-09;;3;27;;;27;+13%
2020-02-10;;4;27;;;27;{{=}};collapsed=y;id=фев
2020-02-11;;4;28;;;28;+3.7%
;;7;28;;;28;collapsed=y;id=фев
2020-02-16;;9;29;;;29;+3.6%
2020-02-17;;10;30;;;30;+3.4%
2020-02-18;;12;31;;;31;+3.3%
2020-02-19;;16;51;;;51;+65%
2020-02-20;1;16;104;;;104;+104%;1;firstright2=y
2020-02-21;2;17;204;;;204;+96%;2;+100%
2020-02-22;2;18;433;;;433;+112%;2;{{=}};collapsed=y;id=фев
2020-02-23;4;18;602;;;602;+39%;4;+100%
2020-02-24;7;24;833;;;833;+38%;7;+75%
2020-02-25;10;24;977;;;977;+17%;10;+43%
2020-02-26;12;24;1261;;;1,261;+29%;12;+20%
2020-02-27;13;27;1766;;;1,766;+40%;13;+8.3%
2020-02-28;13;27;2337;;;2,337;+32%;13;{{=}};collapsed=y;id=фев
2020-02-29;17;28;3150;;;3,150;+35%;17;+31%
2020-03-01;22;31;4212;;;4,212;+34%;22;+29%;collapsed=y;id=мар
2020-03-02;28;34;4812;;;4,812;+14%;28;+27%
2020-03-03;32;41;5328;;;5,328;+11%;32;+14%
2020-03-04;35;88;5766;;;5,766;+8.2%;35;+9.4%
2020-03-05;42;108;6284;;;6,284;+9.0%;42;+20%
2020-03-06;44;118;6767;;;6,767;+7.7%;44;+4.8%
2020-03-07;50;130;7134;;;7,134;+5.4%;50;+14%
2020-03-08;51;166;7382;;;7,382;+3.5%;51;+2.0%
2020-03-09;54;247;7513;;;7,513;+1.8%;54;+5.9%
2020-03-10;60;288;7755;;;7,755;+3.2%;60;+11%
2020-03-11;66;333;7869;;;7,869;+1.5%;66;+10%
2020-03-12;67;510;7979;;;7,979;+1.4%;67;+1.5%
2020-03-13;72;714;8086;;;8,086;+1.3%;72;+7.4%
2020-03-14;75;834;8162;;;8,162;+0.94%;75;+4.2%
2020-03-15;75;1137;8236;;;8,236;+0.90%;75;{{=}};collapsed=y;id=мар
2020-03-16;81;1401;8320;;;8,320;+1.0%;81;+8.0%
2020-03-17;84;1540;8413;;;8,413;+1.1%;84;+3.7%
2020-03-18;91;1947;8565;;;8,565;+1.8%;91;+8.3%
2020-03-19;94;2233;8652;;;8,652;+1.0%;94;+3.3%
2020-03-20;102;2612;8799;;;8,799;+1.7%;102;+8.5%
2020-03-21;104;2909;8897;;;8,897;+1.1%;104;+2.0%
2020-03-22;111;3166;8961;;;8,961;+0.72%;111;+6.7%
2020-03-23;120;3507;9037;;;9,037;+0.85%;120;+8.1%
2020-03-24;126;3730;9137;;;9,137;+1.1%;126;+5.0%
2020-03-25;131;4144;9241;;;9,241;+1.1%;131;+4.0%
2020-03-26;139;4528;9332;;;9,332;+0.98%;139;+6.1%
2020-03-27;144;4811;9478;;;9,478;+1.6%;144;+3.6%
2020-03-28;152;5033;9583;;;9,583;+1.1%;152;+5.6%
2020-03-29;158;5228;9661;;;9,661;+0.81%;158;+3.9%
2020-03-30;162;5408;9786;;;9,786;+1.3%;162;+2.5%
2020-03-31;165;5567;9887;;;9,887;+1.0%;165;+1.9%
2020-04-01;169;5828;9976;;;9,976;+0.90%;169;+2.4%;collapsed=y;id=апр
2020-04-02;174;6021;10062;;;10,062;+0.86%;174;+3.0%
2020-04-03;177;6325;10156;;;10,156;+0.93%;177;+1.7%
2020-04-04;183;6463;10237;;;10,237;+0.80%;183;+3.4%
2020-04-05;186;6598;10284;;;10,284;+0.46%;186;+1.6%
2020-04-06;192;6694;10331;;;10,331;+0.46%;192;+3.2%
2020-04-07;200;6776;10384;;;10,384;+0.51%;200;+4.2%
2020-04-08;204;6973;10423;;;10,423;+0.38%;204;+2.0%
2020-04-09;208;7117;10450;;;10,450;+0.26%;208;+2.0%
2020-04-10;211;7243;10480;;;10,480;+0.29%;211;+1.4%
2020-04-11;214;7368;10512;;;10,512;+0.31%;214;+1.4%
2020-04-12;217;7447;10537;;;10,537;+0.24%;217;+1.4%
2020-04-13;222;7534;10564;;;10,564;+0.26%;222;+2.3%
2020-04-14;225;7616;10591;;;10,591;+0.26%;225;+1.4%
2020-04-15;229;7757;10613;;;10,613;+0.21%;229;+1.8%
2020-04-16;230;7829;10635;;;10,635;+0.21%;230;+0.44%
2020-04-17;232;7937;10653;;;10,653;+0.17%;232;+0.87%
2020-04-18;234;8042;10661;;;10,661;+0.08%;234;+0.86%;

|caption = '''Источники:''' [https://www.santepubliquefrance.fr/maladies-et-traumatismes/maladies-et-infections-respiratoires/infection-a-coronavirus/articles/infection-au-nouveau-coronavirus-sars-cov-2-covid-19-france-et-monde Agence Santé Publique France] / Ministère Solidarites-Santé
}}{{clear}}

== См. также ==
* {{tl|bar box}}
* {{tl|bar percent}}
* {{tl|bar pixel}}
* {{tl|inline block}}
* {{tl|inline bar}}

<includeonly>
[[Категория:Шаблоны:Гистограммы]]
</includeonly>

Шаблон:Bar stacked/doc - История изменений