Format:Pie chart/doc

Aceasta este pagina de documentație pentru Format:Pie chart.
Pagina descrie modul de folosire al formatului și conține categoriile de care acesta aparține, precum și orice altceva ce nu face parte din formatul propriu-zis.

Format:Utilizare mare

Cum funcționează

Format:Legend Format:Legend Format:Legend Format:Legend Format:Legend Format:Legend Format:Legend

Etnii în Mauritius Format:Legend Format:Legend Format:Legend Format:Legend

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

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ă
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:

Limitări

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