Format:Pie chart

Documentația formatului[afișează] [editează] [istoric] [regenerează]

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

Documentația de mai sus este transclusă din Format:Pie chart/doc. (editează | istoric)
Editorii pot experimenta în paginile sandbox (creează | oglindește) și testcases (creează) ale acestui format.
Adăugați categorii la subpagina /doc. Subpagini ale acestui format.

Fără descriere.

Parametrii formatului[Gestionează datele formatului]

This template prefers block formatting of parameters.

Parametru		Descriere	Tip	Stare
thumb	thumb	fără descriere	Necunoscut	opțional
style	style	fără descriere	Necunoscut	opțional
value9	value9	fără descriere	Necunoscut	opțional
color9	color9	fără descriere	Necunoscut	opțional
value1	value1	fără descriere	Necunoscut	opțional
value2	value2	fără descriere	Necunoscut	opțional
value3	value3	fără descriere	Necunoscut	opțional
value4	value4	fără descriere	Necunoscut	opțional
value5	value5	fără descriere	Necunoscut	opțional
value6	value6	fără descriere	Necunoscut	opțional
value7	value7	fără descriere	Necunoscut	opțional
value8	value8	fără descriere	Necunoscut	opțional
color8	color8	fără descriere	Necunoscut	opțional
color7	color7	fără descriere	Necunoscut	opțional
color6	color6	fără descriere	Necunoscut	opțional
color5	color5	fără descriere	Necunoscut	opțional
color4	color4	fără descriere	Necunoscut	opțional
color3	color3	fără descriere	Necunoscut	opțional
color2	color2	fără descriere	Necunoscut	opțional
color1	color1	fără descriere	Necunoscut	opțional
caption	caption	fără descriere	Necunoscut	opțional
label1	label1	fără descriere	Necunoscut	opțional
label2	label2	fără descriere	Necunoscut	opțional
label3	label3	fără descriere	Necunoscut	opțional
label4	label4	fără descriere	Necunoscut	opțional
label5	label5	fără descriere	Necunoscut	opțional
label6	label6	fără descriere	Necunoscut	opțional
label7	label7	fără descriere	Necunoscut	opțional
label8	label8	fără descriere	Necunoscut	opțional
label9	label9	fără descriere	Necunoscut	opțional
other	other	fără descriere	Necunoscut	opțional
precision_other	precision_other	fără descriere	Necunoscut	opțional