Шаблон:Диаграммаи гирд
(Тағйири масир аз Шаблон:Pie chart)
Шаблон {{Диаграммаи гирд}} предназначен для вставки в статьи круговых диаграмм, иллюстрирующих процентное распределение каких-либо параметров.
Использование
Секторов может быть от 1 до 15 штук, а также дополнительный сектор «Остальное». Чтобы добавить сектор, скопируйте три строки: тавсиф, арзиш и ранг, и измените номер сектора.
{{Диаграммаи гирд |мавқеъ = |ширина = |сарлавҳа = |other = |тавсиф1 = |арзиш1 = |ранг1 = |тавсиф2 = |арзиш2 = |ранг2 = |тавсиф3 = |арзиш3 = |ранг3 = |тавсиф4 = |арзиш4 = |ранг4 = }}
тавсиф параметров
- мавқеъ — показывает мавқеъ диаграммы, имеет два значения right (справа) или left (слева) (по умолчанию «right»).
- ширина — ширина блока диаграммы (по умолчанию «200px»).
- сарлавҳа — текстовая строка, расположенная выше списка секторов.
- other — текстовая строка, описывающая в списке секторов остаток значений до 100 % (например, «Другие» или «Иначе»). Без параметра — не показывает остаток в списке секторов.
- тавсифN — текстовая строка, описывающая название сектора в списке секторов.
- арзишN — размер сектора (в процентах). Знак процента ставить не нужно.
- рангN — ранг сектора, в случае если вы хотите использовать нестандартный ранг. По умолчанию подставляется ранг из таблицы ниже.
Таблица рангов по умолчанию
По умолчанию, ранга секторов выставляются следующим образом (в зависимости от номера сектора):
- ██ красный
- ██ зелёный
- ██ синий
- ██ жёлтый
- ██ фуксия
- ██ воды
- ██ коричневый
- ██ оранжевый
- ██ фиолетовый
- ██ сиена
- ██ малиновый
- ██ лайм
- ██ тёмно-бирюзовый
- ██ оливковый
- ██ серый
- ██ белый (остальное)
Ограничения
- Шаблон не всегда корректно работает на мобильных устройствах.
- Значения должны быть указаны в процентах.
- Google Chrome и Safari не до конца сглаживают границы секторов, так что линии получаются немного неровными.
- Шаблон не работает в браузере Internet Explorer 6 и ниже, а в браузере Internet Explorer 7 отображается с искажениями.
- Описания секторов ставятся не на сами сектора (на изображение), а только в список секторов.
Как это работает
Это экспериментальный шаблон, который рисует круговую диаграмму, используя единое изображение, сгенерированное анализатором функций с помощью CSS кода, и не является JavaScript-ом. Идея в том, что прозрачные смежные границы блоков номи мақола ворид нашудааст.