Шаблон:Диаграммаи гирд/doc

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

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