Шаблон:Секторна діаграма

Матеріал з Вікіпедії — вільної енциклопедії.
Перейти до навігації Перейти до пошуку


{{i}} Документація шаблону[перегляд] [редагувати] [історія] [очистити кеш]

Використання[ред. код]

Шаблоном передбачено до 20 включно параметрів |міткаn= та |значенняn=. Усі параметри для трьох секторів описані нижче; для того, щоб використати більше ніж 3 сектори, просто скопіюйте частину коду, додавши нумерацію.

{{Секторна діаграма
|thumb     = 
|заголовок = 
|інше      = 
|мітка1    = 
|значення1 = 
|колір1    = 
|мітка2    = 
|значення2 = 
|колір2    = 
|мітка3    = 
|значення3 = 
|колір3    = 
}}

  • |thumb= визначає, з якого боку сторіки буде розташована діаграма, за замовчування right. Для того, щоб вказати діаграмі знаходитись ліворуч, вкажіть значення left.
  • заголовок — це рядок тексту, що з’являється над легендою.
  • інше, якщо вказано, буде додавати пункт «інше» до легенди.
  • міткаN — рядок тексту, що буде підписувати у легенді колір сектору. Якщо параметр опустити, то цей сектор не буде представлений у легенді.
  • значенняN — вісткове значення для сектору. НЕ прописуйте символ відсоток (%). Також це значення буде вказано у легенді (одразу після значення параметру мітка), без жодного округлення або іншого форматування.
  • колірNкод кольору у CSS. Якщо опущено, то будуть використовуватись кольори за замовчуванням:
    1.    red
    2.    green
    3.    blue
    4.    yellow
    5.    fuchsia
    6.    aqua
    7.    brown
    8.    orange
    9.    purple
    10.    sienna
    11.    silver
    12.    black
    13.    салатовий (#0f0)
    14.    navy
    15.    pink
    16.    темночервоний (#b00)
    17.    різновид оранжевого (#e72)
    18.    DarkOliveGreen2 (#bcee68)
    19.    SlateBlue2 (#7a67ee)
    20.    Coral2 (#ee6a50)

Обмеження[ред. код]

Як це працює[ред. код]

Circle frame.svg
   Один (5%)
   Два (5%)
   Три (5%)
   Чотири (5%)
   П'ять (5%)
   Шість (5%)
   Сім (5%)
   Вісім (5%)
   Дев'ять (5%)
   Десять (5%)
   Одинадцять (5%)
   Дванадцять (5%)
   Тринадцять (5%)
   Чотирнадцять (5%)
   П'ятнадцять (5%)
   Шістнадцять (5%)
   Сімнадцять (5%)
   Вісімнадцять (5%)
   Дев'ятнадцять (2.5%)
   Двадцять (2.5%)
   Інше (7.5%)









Circle frame.svg

Релігія в Чехії станом на 2001 рік.

   Католики (26.8%)
   Інше (11.7%)

Цей експериментальний шаблон відмальовує Секторні діаграми використовуючи єдине зображення, багато (inline) CSS коду, що генерується функціями парсера, і жодного JavaScript. Шаблон використовує техніку малювання діагональних ліній в CSS, використовуючи той факт, що рамки (borders set) елементів miter joined. Таким чином, можливо встановити одну рамку непрозорого кольору, тоді як іншу повністю прозорого, для створення діагональної лінії. Те під яким кутом розташована лінія можна контролювати шляхом підлашування ширини двох рамок (одна з яких непрозора) відносно іншої.

Відзначимо, що в спадок браузер Internet Explorer 6, застосування прозорих кордонів стандартним способом не працює. Обхідний шлях використовується у формі CSS-класу «transborder», який додається до MediaWiki:Common.css щоб зробити цей шаблон робочим.

Pie slices are drawn in clockwise order in a counterclockwise direction. Ці сектори розташовані:

  • Під зображення 200x200px, що має прозоре коло в центрі і світлий фон (такий самий як колір фону, що використовується для CSS класу «thumbinner»)
  • Всередині елемента-контейнера прописано overflow: hidden;

Це дозволяє бути видимій на сторінці тільки тій частині сектора, яка знаходиться всередині кола.

Більша частина коду {{Секторна діаграма/сектор}} розділена на 5 частин, перші чотири відповідають за квадранти кола і остання повністю покриває випадок коли один сектор займає 100 % діаграми.

Приклад заповнення[ред. код]

{{Секторна діаграма
|заголовок = [[Релігія в Чехії]] станом на [[2001]] рік.
|інше = yes
|мітка1 = [[Атеїзм|Атеїсти]] і [[Агностицизм|агностики]]
|значення1 = 59
|колір1 = silver
|мітка2 = [[Католицька Церква|Католики]]
|значення2 = 26.8
|колір2 = #008
|мітка3 = [[Протестантизм|Протестанти]]
|значення3 = 2.5
|колір3 = #08f
}}

Див. також[ред. код]