Шаблон:Bar box (OgQlku&Bar box)

Документация

[просмотр | править | история | обновить]

{{bar box}}, {{bar percent}}, {{bar pixel}} и {{bar stacked}} — шаблоны для построения горизонтальных гистограмм.

Заготовка

{{Bar box
|расположение   = 
|толщина рамки  = 
|отступ         = 
|ширина         = 
|ширина полосок = 
|цвет фона      = 
|стиль          = 
|заголовок      = 
|цвет заголовка = 
|слева1         = 
|слева2         = 
|справа1        = 
|справа2        = 
|строки         = 
|подпись        = 
|отступ подписи = 
}}

Параметры

Параметр	Описание
`\|расположение=`	слева, справа — для расположения в левой или в правой части экрана. центр — для создания «Пирамид». По умолчанию нет прижатия, гистограмма будет слева.
`\|толщина рамки=`	Толщина рамки в пикселях. Указывается только цифра. По умолчанию 1. Для отключения рамки 0.
`\|отступ=`	Для задания общего отступа вокруг рамки. Можно использовать все совместимые с padding варианты. По умолчанию .4em. Для отключения отступа и прижатия рамки введите 0.
`\|ширина=`	Обшая ширина гистограммы. По умолчанию ширина высчитывается исходя из содержимого. Если что-то не так, задайте своё нужное значение. Можно использовать любые значения, совместимые с width (px, pt, em, rem, %, auto, inherit)
`\|ширина полосок=`	Ширина непосредственно самой гистограммы (полосок). При использовании {{bar pixel}} должно совпадать с шириной самой широкой полоски. При использовании {{bar percent}} как правило достаточно 150-250px.
`\|цвет фона=`	По умолчанию белый.
`\|стиль=`	Любые дополнительные стили, при необходимости.
`\|заголовок=`	Текст заголовка.
`\|цвет заголовка=`	Цвет заголовка. Например: синий (#cfe3ff, #dcebff, #eaf3ff) или серый (#eaecf0, #f8f9fa)
`\|слева1=`	Заголовок первого столбца слева от гистограммы
`\|слева2=`	Заголовок второго столбца слева от гистограммы
`\|справа1=`	Заголовок первого столбца справа от гистограммы
`\|справа2=`	Заголовок второго столбца справа от гистограммы
`\|строки=`	Строки (полоски, прямоугольники) гистограммы. Сюда подставляются {{bar percent}}, {{bar pixel}} или {{bar stacked}}
`\|подпись=`	Текст под гистограммой
`\|отступ подписи=`	Для задания отступа подписи. Можно использовать все совместимые с padding варианты. По умолчанию .5em .4em.

Прежние параметры (поддерживаются)

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

Использование

Гистограмма {{bar box}} может содержать любое количество горизонтальных прямоугольников следующих типов:

Проценты

Прямоугольники с шириной, указанной в процентах целого:

{{bar percent|подпись слева|цвет полосы|ширина полосы (в процентах)|подпись справа|слева2 = Вторая подпись слева|справа2 = Вторая подпись справа|делитель = целое число}}

% указывать не нужно, только число
подпись справа по умолчанию = ширина полосы + %
делитель нужен для уменьшения ширины полос. Например: 1.5

Пиксели

Прямоугольники с шириной, указанной в пикселях:

{{bar pixel|подпись слева|цвет полосы|ширина полосы (в пикселях)|единицы|подпись справа|слева2 = Вторая подпись слева|справа2 = Вторая подпись справа|делитель = целое число}}

px указывать не нужно, только число
подпись справа по умолчанию = ширина полосы + единицы
делитель нужен для уменьшения ширины полос. Например: 2 (полосы будут в половину меньше)

5 в 1

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

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

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

Пиксели

Поголовье
Вид			Особей
Шушпанчики			33.213
Вуглускры			123.123
Йожи			210.121
Кроши			210.476
Точность подсчета ±30 %

{{bar box
|заголовок      = Поголовье
|цвет заголовка = #ddd
|расположение   = справа
|слева1         = Вид
|справа1        = Особей
|ширина полосок = 300px
|строки         =
{{bar pixel|Шушпанчики|#cda434|33|.213}}
{{bar pixel|Вуглускры|darkorange|123|.123}}
{{bar pixel|Йожи|tomato|210|.121}}
{{bar pixel|Кроши|skyblue|210|.476}}
|подпись        = Точность подсчета ±30 %
}}

Проценты

Поголовье
Вид			Особей
Шушпанчики			33 %
Вуглускры			12 %
Йожи			100 %
Кроши			76 %
Увеличена толщина рамки, убран общий отступ, цвет заголовка изменен, расположение слева, используется {{bar percent}}

{{bar box
|заголовок      = Поголовье
|цвет заголовка = #cfe3ff
|расположение   = слева
|толщина рамки  = 2
|отступ         = 0
|слева1         = Вид
|справа1        = Особей
|ширина полосок = 300px
|строки         =
{{bar percent|Шушпанчики|#cda434|33}}
{{bar percent|Вуглускры|darkorange|12}}
{{bar percent|Йожи|tomato|100}}
{{bar percent|Кроши|skyblue|76}}
|подпись        = Увеличена толщина рамки, убран общий отступ, цвет заголовка изменен, расположение слева, используется {{tl|bar percent}}
}}

«Пирамида»

Поголовье
Вид			Особей
Шушпанчики			33.213
Вуглускры			123.123
Йожи			210.121
Кроши			210.476
Для создания пирамид с текстом с любых сторон, рамка убрана, цвет заголовка белый

{{bar box
|заголовок      = Поголовье
|цвет заголовка = 
|расположение   = центр
|толщина рамки  = 0
|отступ         = 
|слева1         = Вид
|справа1        = Особей
|ширина полосок = 300px
|строки         =
{{bar pixel|Шушпанчики|#cda434|33|.213}}
{{bar pixel|Вуглускры|darkorange|123|.123}}
{{bar pixel|Йожи|tomato|210|.121}}
{{bar pixel|Кроши|skyblue|210|.476}}
|подпись        = Для создания пирамид с текстом с любых сторон, рамка убрана, цвет заголовка белый
}}

3 в 1

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

COVID-19 случаев в Франции ( п о р ) Смертей Выздоровлений Заболевших Янв Янв Фев Фев Мар Мар Апр Апр Последние 15 дней Последние 15 дней
Дата	Случаев	Смертей
2020-01-20	1(н/д)
⋮	1(=)
2020-01-24	2(+100%)
2020-01-25	2
2020-01-26	3(+50%)
2020-01-27	4(+33%)
⋮	4(=)
2020-01-30	6(+50%)
2020-01-31	11(+83%)
2020-02-01	12(+9.1%)
2020-02-02	15(+25%)
2020-02-03	15(=)
2020-02-04	16(+6.7%)
2020-02-05	19(+19%)
2020-02-06	23(+21%)
2020-02-07	24(+4.3%)
2020-02-08	24(=)
2020-02-09	27(+13%)
2020-02-10	27(=)
2020-02-11	28(+3.7%)
⋮	28(=)
2020-02-16	29(+3.6%)
2020-02-17	30(+3.4%)
2020-02-18	31(+3.3%)
2020-02-19	51(+65%)
2020-02-20	104(+104%)	1(н/д)
2020-02-21	204(+96%)	2(+100%)
2020-02-22	433(+112%)	2(=)
2020-02-23	602(+39%)	4(+100%)
2020-02-24	833(+38%)	7(+75%)
2020-02-25	977(+17%)	10(+43%)
2020-02-26	1,261(+29%)	12(+20%)
2020-02-27	1,766(+40%)	13(+8.3%)
2020-02-28	2,337(+32%)	13(=)
2020-02-29	3,150(+35%)	17(+31%)
2020-03-01	4,212(+34%)	22(+29%)
2020-03-02	4,812(+14%)	28(+27%)
2020-03-03	5,328(+11%)	32(+14%)
2020-03-04	5,766(+8.2%)	35(+9.4%)
2020-03-05	6,284(+9.0%)	42(+20%)
2020-03-06	6,767(+7.7%)	44(+4.8%)
2020-03-07	7,134(+5.4%)	50(+14%)
2020-03-08	7,382(+3.5%)	51(+2.0%)
2020-03-09	7,513(+1.8%)	54(+5.9%)
2020-03-10	7,755(+3.2%)	60(+11%)
2020-03-11	7,869(+1.5%)	66(+10%)
2020-03-12	7,979(+1.4%)	67(+1.5%)
2020-03-13	8,086(+1.3%)	72(+7.4%)
2020-03-14	8,162(+0.94%)	75(+4.2%)
2020-03-15	8,236(+0.90%)	75(=)
2020-03-16	8,320(+1.0%)	81(+8.0%)
2020-03-17	8,413(+1.1%)	84(+3.7%)
2020-03-18	8,565(+1.8%)	91(+8.3%)
2020-03-19	8,652(+1.0%)	94(+3.3%)
2020-03-20	8,799(+1.7%)	102(+8.5%)
2020-03-21	8,897(+1.1%)	104(+2.0%)
2020-03-22	8,961(+0.72%)	111(+6.7%)
2020-03-23	9,037(+0.85%)	120(+8.1%)
2020-03-24	9,137(+1.1%)	126(+5.0%)
2020-03-25	9,241(+1.1%)	131(+4.0%)
2020-03-26	9,332(+0.98%)	139(+6.1%)
2020-03-27	9,478(+1.6%)	144(+3.6%)
2020-03-28	9,583(+1.1%)	152(+5.6%)
2020-03-29	9,661(+0.81%)	158(+3.9%)
2020-03-30	9,786(+1.3%)	162(+2.5%)
2020-03-31	9,887(+1.0%)	165(+1.9%)
2020-04-01	9,976(+0.90%)	169(+2.4%)
2020-04-02	10,062(+0.86%)	174(+3.0%)
2020-04-03	10,156(+0.93%)	177(+1.7%)
2020-04-04	10,237(+0.80%)	183(+3.4%)
2020-04-05	10,284(+0.46%)	186(+1.6%)
2020-04-06	10,331(+0.46%)	192(+3.2%)
2020-04-07	10,384(+0.51%)	200(+4.2%)
2020-04-08	10,423(+0.38%)	204(+2.0%)
2020-04-09	10,450(+0.26%)	208(+2.0%)
2020-04-10	10,480(+0.29%)	211(+1.4%)
2020-04-11	10,512(+0.31%)	214(+1.4%)
2020-04-12	10,537(+0.24%)	217(+1.4%)
2020-04-13	10,564(+0.26%)	222(+2.3%)
2020-04-14	10,591(+0.26%)	225(+1.4%)
2020-04-15	10,613(+0.21%)	229(+1.8%)
2020-04-16	10,635(+0.21%)	230(+0.44%)
2020-04-17	10,653(+0.17%)	232(+0.87%)
2020-04-18	10,661(+0.08%)	234(+0.86%)
Источники: Agence Santé Publique France / Ministère Solidarites-Santé

См. также

{{Medical cases chart}}

Таблица для виз-редактора

Шаблон для построения горизонтальных гистограмм.

Параметры шаблона[Править данные шаблона]
Шаблон использует блочное форматирование параметров.
Параметр		Описание	Тип	Статус
расположение	`расположение`	для расположения в левой или в правой части экрана или для создания «Пирамид». По умолчанию слева Пример слева, справа, центр	Однострочный	предложенный
толщина рамки	`толщина рамки`	Толщина рамки в пикселях. Указывается только цифра. Для отключения рамки 0. По умолчанию 1	Число	предложенный
отступ	`отступ`	Для задания общего отступа вокруг рамки. Можно использовать все совместимые с padding варианты. Для отключения отступа и прижатия рамки введите 0. По умолчанию .4em	Неизвестно	предложенный
ширина	`ширина`	Обшая ширина гистограммы. По умолчанию ширина высчитывается исходя из содержимого. Если что-то не так, задайте своё нужное значение. Можно использовать любые значения, совместимые с width (px, pt, em, rem, %, auto, inherit)	Неизвестно	предложенный
ширина полосок	`ширина полосок`	Ширина непосредственно самой гистограммы (полосок). При использовании {{bar pixel}} должно совпадать с шириной самой широкой полоски. При использовании {{bar percent}} как правило достаточно 150-250px. Пример 250px	Неизвестно	предложенный
слева1	`слева1`	Заголовок первого столбца слева от гистограммы	Строковый (без форматирования)	предложенный
слева2	`слева2`	Заголовок второго столбца слева от гистограммы	Строковый (без форматирования)	предложенный
справа1	`справа1`	Заголовок первого столбца справа от гистограммы	Строковый (без форматирования)	предложенный
справа2	`справа2`	Заголовок второго столбца справа от гистограммы	Строковый (без форматирования)	предложенный
цвет фона	`цвет фона`	без описания По умолчанию белый	Неизвестно	предложенный
заголовок	`заголовок`	Текст заголовка.	Строковый (без форматирования)	предложенный
цвет заголовка	`цвет заголовка`	Цвет заголовка. Пример синий (#cfe3ff, #dcebff, #eaf3ff) или серый (#eaecf0, #f8f9fa)	Неизвестно	предложенный
строки	`строки`	Строки (полоски, прямоугольники) гистограммы. Пример {bar percent}}, {{bar pixel}}, {{bar stacked}}, {{Bar pixel relative}}	Содержимое (контент)	обязательный
стиль	`стиль`	Любые дополнительные стили, при необходимости.	Строковый (без форматирования)	предложенный
подпись	`подпись`	Текст под гистограммой	Строковый (без форматирования)	предложенный
отступ подписи	`отступ подписи`	Для задания отступа подписи. Можно использовать все совместимые с padding варианты. По умолчанию .5em .4em.	Неизвестно	предложенный
padding	`padding`	без описания	Неизвестно	необязательный
float	`float`	без описания	Неизвестно	устаревший
width	`width`	без описания	Неизвестно	устаревший
background-color	`background-color`	без описания	Неизвестно	устаревший
barwidth	`barwidth`	без описания	Неизвестно	устаревший
border_width	`border_width`	без описания	Неизвестно	устаревший
style	`style`	без описания	Неизвестно	необязательный
title	`title`	без описания	Неизвестно	устаревший
left1	`left1`	без описания	Неизвестно	устаревший
left2	`left2`	без описания	Неизвестно	предложенный
right1	`right1`	без описания	Неизвестно	устаревший
right2	`right2`	без описания	Неизвестно	устаревший
titlebar	`titlebar`	без описания	Неизвестно	необязательный
bars	`bars`	без описания	Неизвестно	устаревший
caption	`caption`	без описания	Неизвестно	устаревший
caption padding	`caption padding`	без описания	Неизвестно	устаревший