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.

Acest format este folosit în 40.000+ pagini. Modificările aduse acestuia vor fi vizibile imediat. Pentru teste folosiți subpaginile: /cutie cu nisip sau /test, de asemenea sfătuiți-vă cu alți utilizatori despre eventualele modificări pe pagina de discuție înainte de a le implementa.

Cum funcționează

     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

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

• 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