ЛопаПарцун: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}} может содержать любое количество горизонтальных прямоугольников следующих типов:

Проценты

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

{{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 = (для кнопок) }}

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

Пиксели

<div class="barbox tright" style="border:1px solid silver; padding:0.4em; width:Чарькодевтемасо ильведевкс: пунктуациянь апак содань тешкс «[».px; background: white; color:

202122; ">

Поголовье
Вид			Особей
Шушпанчики			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 %
}}

Проценты

<div class="barbox tleft" style="border:2px solid silver; padding:0; width:Чарькодевтемасо ильведевкс: пунктуациянь апак содань тешкс «[».px; background: white; color:

202122; ">

ЛопаПарцун:Bar percent ЛопаПарцун:Bar percent ЛопаПарцун:Bar percent ЛопаПарцун:Bar percent

Поголовье
Вид			Особей
Увеличена толщина рамки, убран общий отступ, цвет заголовка изменен, расположение слева, используется {{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}}
}}

«Пирамида»

<div class="barbox center" style="border:0px solid silver; padding:; width:Чарькодевтемасо ильведевкс: пунктуациянь апак содань тешкс «[».px; background: white; color:

202122; ">

Поголовье
Вид			Особей
Шушпанчики			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}} ЛопаПарцун:Medical cases chart

См. также

{{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`	без описания	Неизвестно	устаревший