Cum funcționează

modificare


     Unu (42%)

     Doi (32%)

     Trei (12%)

     Patru (3%)

     Cinci (2%)

     Șase (1%)

     Altele (8%)




Etnii în Mauritius

     indo-maurieni (64%)

     creoli (27%)

     chinezi (3%)

     europeni ș.a. (6%)

Acest format este unul experimental. Desenează diagrame radiale (pie chart) utilizând o singură imagine, mai multe rânduri de cod CSS generat de funcții parser și nu apelează JavaScript. Aplică o tehnică care permite desenarea liniilor sub un anumit unghi în CSS (vezi detalii). Această metodă nu este suportată în totalitate de browserul Internet Explorer 6, de aceea a fost nevoie de adăugarea unei soluții în MediaWiki:Common.css.

„Feliile de plăcintă” sunt aranjate în sens trigonometric, începând cu unghiul 0°. Sunt poziționate:

  • sub o imagine 200x200px care reprezintă un cerc transparent în interior și de o culoare deschisă (aceeași culoare care înconjoară orice imagine atunci când este aplicat thumb) în exterior;
  • într-un container setat cu overflow: hidden

Aceasta permite ca să fie vizibile numai acele segmente din diagonalele generate, care nimeresc în interiorul cercului.

Formatul dat apelează cod din {{Pie chart/slice}}, o mare parte din care este divizat în patru părți: câte una pentru fiecare cvadrant al cercului trigonometric și o parte pentru cazul în care o „felie” ocupă 100% din suprafața diagramei.

Utilizare

modificare

Formatul suportă până la 9 „felii”. Pentru fiecare dintre acestea pot fi indicate culoarea, textul din legendă și valoarea. Mai jos este afișat codul pentru trei „felii”; pentru mai multe, pur și simplu adăugați mai mulți parametri labelN, valueN și colorN, unde N este numărul de ordine a „feliei”.

{{Pie chart
|thumb = 
|caption = 
|other = 
|label1 = 
|value1 = 
|color1 = 
|label2 = 
|value2 = 
|color2 = 
|label3 = 
|value3 = 
|color3 = 
}}
  • thumb indică către ce parte a paginii va fi alăturată imaginea. Valoarea implicită e dreapta (right). Pentru a o alinia la stânga, specificați left
  • caption este textul care apare ca descriere a diagramei; apare după aceasta și înaintea legendei
  • other, dacă este indicat, va face să apară un item adăugător în legendă, care să reprezinte partea necompletată a diagramei. Textul atribuit pentru această proprietate va apărea în legendă
    • precision_other, dacă este indicat, va limita numărul de cifre zecimale (după virgulă) afișate pentru valoarea calculată automat a procentajului rămas în diagramă. Valoarea implicită este 2.
  • labelN este textul care apare în legendă și caracterizează itemul corespunzător. Omiterea lui va face ca itemul să nu fie inclus în diagramă
  • valueN este procentajul pe care îl va ocupa itemul în diagramă. NU scrieți semnul procentului. Procentajul este afișat în legendă, fără a fi rotunjit sau reformatat în vreun fel
  • colorN este numele sau codul unei culori. Dacă nu sunt specificate, culorile implicite sunt:
    1.      roșu

    2.      galben

    3.      violet

    4.      cafeniu

    5.      roz

    6.      verde

    7.      portocaliu

    8.      albastru

    9.      gri

Limitări

modificare
  • Probleme minore la vizualizare
  • Valorile trebuie să fie exprimate în procente
  • Liniile nu sunt bine afișate în versiuni mai vechi ale IE, Safari și Opera
  • Nu este posibilă poziționarea de text deasupra diagramei
  • Nu este posibil de salvat o copie a diagramei ca imagine