Format:Pie chart

De la Wikipedia, enciclopedia liberă
Jump to navigation Jump to search


Documentație
Documentație format
Această documentație este adusă de la pagina Format:Pie chart/doc.


Cum funcționează


Circle frame.svg

     Unu (42%)

     Doi (32%)

     Trei (12%)

     Patru (3%)

     Cinci (2%)

     Șase (1%)

     Altele (8%)




Circle frame.svg

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ă
  • 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 IE, Safari și Opera
  • Nu este posibilă poziționarea de text deasupra diagramei
  • Nu este posibil de salvat o copie a diagramei ca imagine

Fără descriere.

Parametrii formatului

This template prefers block formatting of parameters.

ParametruDescriereTipStare
Thumbthumb

fără descriere

Unknownopțional
Stylestyle

fără descriere

Unknownopțional
Value9value9

fără descriere

Unknownopțional
Color9color9

fără descriere

Unknownopțional
Value1value1

fără descriere

Unknownopțional
Value2value2

fără descriere

Unknownopțional
Value3value3

fără descriere

Unknownopțional
Value4value4

fără descriere

Unknownopțional
Value5value5

fără descriere

Unknownopțional
Value6value6

fără descriere

Unknownopțional
Value7value7

fără descriere

Unknownopțional
Value8value8

fără descriere

Unknownopțional
Color8color8

fără descriere

Unknownopțional
Color7color7

fără descriere

Unknownopțional
Color6color6

fără descriere

Unknownopțional
Color5color5

fără descriere

Unknownopțional
Color4color4

fără descriere

Unknownopțional
Color3color3

fără descriere

Unknownopțional
Color2color2

fără descriere

Unknownopțional
Color1color1

fără descriere

Unknownopțional
Captioncaption

fără descriere

Unknownopțional
Label1label1

fără descriere

Unknownopțional
Label2label2

fără descriere

Unknownopțional
Label3label3

fără descriere

Unknownopțional
Label4label4

fără descriere

Unknownopțional
Label5label5

fără descriere

Unknownopțional
Label6label6

fără descriere

Unknownopțional
Label7label7

fără descriere

Unknownopțional
Label8label8

fără descriere

Unknownopțional
Label9label9

fără descriere

Unknownopțional
Otherother

fără descriere

Unknownopțional