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





 Один (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-ом. Идея в том, что прозрачные смежные границы блоков подрезаются браузером под углом[англ.].