Шаблон:Круговая диаграмма

Материал из Википедии — свободной энциклопедии
Перейти к навигации Перейти к поиску
Документация

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





 Один (42 %) Два (32 %) Три (12 %) Четыре (3 %) Пять (2 %) Шесть (1 %) Остальное (8 %)







Религия в Чехии по состоянию на 2001 год  Атеисты и агностики (59 %) Католики (26,8 %) Протестанты (2,5 %) Другие (11,7 %)

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

[править код]

Секторов может быть от 1 до 15 штук, а также дополнительный сектор «Остальное». Чтобы добавить сектор, скопируйте три строки: описание, значение и цвет, и измените номер сектора.

{{Круговая диаграмма
|расположение = 
|ширина       =
|заголовок    = 
|other        = 
|описание1    = 
|значение1    = 
|цвет1        = 
|описание2    = 
|значение2    = 
|цвет2        =
|описание3    = 
|значение3    = 
|цвет3        =
|описание4    = 
|значение4    = 
|цвет4        =
}}

Описание параметров

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

Таблица цветов по умолчанию

[править код]

По умолчанию, цвета секторов выставляются следующим образом (в зависимости от номера сектора):

  1.  красный
  2.  зелёный
  3.  синий
  4.  жёлтый
  5.  фуксия
  6.  воды
  7.  коричневый
  8.  оранжевый
  9.  фиолетовый
  10.  сиена
  11.  малиновый
  12.  лайм
  13.  тёмно-бирюзовый
  14.  оливковый
  15.  серый
  16.  белый (остальное)

Ограничения

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

Как это работает

[править код]

Это экспериментальный шаблон, который рисует круговую диаграмму, используя единое изображение, сгенерированное анализатором функций с помощью CSS кода, и не является JavaScript-ом. Идея в том, что прозрачные смежные границы блоков подрезаются браузером под углом[англ.].