Просмотр кода страницы Шаблон:Круговая диаграмма/doc

{{docpage}}
Шаблон {{tl|Круговая диаграмма}} предназначен для вставки в статьи [[Круговая диаграмма|круговых диаграмм]], иллюстрирующих процентное распределение каких-либо параметров. 

{{Круговая диаграмма
|other = Остальное
|значение1 = 42
|описание1 = Один
|значение2 = 32
|описание2 = Два
|значение3 = 12
|описание3 = Три
|значение4 = 3
|описание4 = Четыре
|значение5 = 2
|описание5 = Пять
|значение6 = 1
|описание6 = Шесть
}}
{{Круговая диаграмма
|заголовок = Сигмы где-то
|other     = Другие
|описание1 = Сигмы
|значение1 = 80
|цвет1     = gold
|описание2 = Не Сигмы
|значение2 = 16
|цвет2     = #008
|описание3 = Очень странные хурмы
|значение3 = 1.5
|цвет3     = #08f
}}

== Использование ==
Секторов может быть от 1 до 15 штук, а также дополнительный сектор «Остальное». Чтобы добавить сектор, скопируйте три строки: ''описание'', ''значение'' и ''цвет'', и измените номер сектора.
<pre><nowiki>
{{Круговая диаграмма
|расположение = 
|ширина       =
|заголовок    = 
|other        = 
|описание1    = 
|значение1    = 
|цвет1        = 
|описание2    = 
|значение2    = 
|цвет2        =
|описание3    = 
|значение3    = 
|цвет3        =
|описание4    = 
|значение4    = 
|цвет4        =
}}
</nowiki></pre>

== Описание параметров ==
* '''расположение''' — показывает расположение диаграммы, имеет два значения ''right'' <small>(справа)</small>  или ''left'' <small>(слева)</small> (по умолчанию «right»).
* '''ширина''' — ширина блока диаграммы (по умолчанию «200px»).
* '''заголовок''' — текстовая строка, расположенная выше списка секторов.
* '''other''' — текстовая строка, описывающая в списке секторов остаток значений до 100 % (например, «Другие» или «Иначе»). Без параметра — не показывает остаток в списке секторов.    
* '''описаниеN''' — текстовая строка, описывающая название сектора в списке секторов.
* '''значениеN''' — размер сектора (в процентах). Знак процента ставить не нужно.
* '''цветN''' — цвет сектора, в случае если вы хотите использовать нестандартный цвет. По умолчанию подставляется цвет из таблицы ниже.

== Таблица цветов по умолчанию ==
По умолчанию, цвета секторов выставляются следующим образом (в зависимости от номера сектора):
<div style="column-count:2">
# {{legend|red|красный}}
# {{legend|green|зелёный}}
# {{legend|blue|синий}}
# {{legend|yellow|жёлтый}}
# {{legend|fuchsia|фуксия}}
# {{legend|aqua|воды}}
# {{legend|brown|коричневый}}
# {{legend|orange|оранжевый}}
# {{legend|purple|фиолетовый}}
# {{legend|sienna|сиена}}
# {{legend|crimson|малиновый}}
# {{legend|lime|лайм}}
# {{legend|teal|тёмно-бирюзовый}}
# {{legend|olive|оливковый}}
# {{legend|gray|серый}}
# {{legend|white|белый (остальное)||1px solid black}}
</div>

== Ограничения ==
* Шаблон не всегда корректно работает на мобильных устройствах.
* Значения должны быть указаны в процентах.
* [[Google Chrome]] и [[Safari]] не до конца сглаживают границы секторов, так что линии получаются немного неровными.
* Шаблон не работает в браузере [[Internet Explorer 6]] и ниже, а в браузере [[Internet Explorer 7]] отображается с искажениями.
* Описания секторов ставятся не на сами сектора (на изображение), а только в список секторов.

== Как это работает ==
Это экспериментальный шаблон, который рисует круговую диаграмму, используя единое изображение, сгенерированное анализатором функций с помощью CSS кода, и не является JavaScript-ом. Идея в том, что прозрачные смежные границы блоков {{iw|Фацетное соединение|подрезаются браузером под углом|en|Miter join}}.

<includeonly>
[[Категория:Шаблоны:Графические|Круговая диаграмма]]

[[ar:قالب:مخطط دائري]]
[[be-x-old:Шаблён:Сэктарная дыяграма]]
[[bs:Šablon:Tortni grafikon]]
[[en:Template:Pie chart]]
[[fa:الگو:نمودار گرد]]
[[fr:Modèle:Diagramme circulaire]]
[[he:תבנית:דיאגרמת עוגה]]
[[id:Templat:Pie chart]]
[[ko:틀:원 도표]]
[[mr:साचा:Pie chart]]
[[ro:Format:Pie chart]]
[[simple:Template:Pie chart]]
[[tr:Şablon:Pasta grafiği]]
[[uk:Шаблон:Секторна діаграма]]
</includeonly>