Format:Pie chart
 |
Documentație format
Această documentație este adusă de la pagina Format:Pie chart/doc.
|
[lectură]
[modificare]
[istoric] |
 |
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%)
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:
roșu
galben
violet
cafeniu
roz
verde
portocaliu
albastru
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
Fără descriere.
| Parametru | Descriere | Tip | Stare | |
|---|---|---|---|---|
| thumb | thumb | fără descriere | Unknown | opțional |
| style | style | fără descriere | Unknown | opțional |
| value9 | value9 | fără descriere | Unknown | opțional |
| color9 | color9 | fără descriere | Unknown | opțional |
| value1 | value1 | fără descriere | Unknown | opțional |
| value2 | value2 | fără descriere | Unknown | opțional |
| value3 | value3 | fără descriere | Unknown | opțional |
| value4 | value4 | fără descriere | Unknown | opțional |
| value5 | value5 | fără descriere | Unknown | opțional |
| value6 | value6 | fără descriere | Unknown | opțional |
| value7 | value7 | fără descriere | Unknown | opțional |
| value8 | value8 | fără descriere | Unknown | opțional |
| color8 | color8 | fără descriere | Unknown | opțional |
| color7 | color7 | fără descriere | Unknown | opțional |
| color6 | color6 | fără descriere | Unknown | opțional |
| color5 | color5 | fără descriere | Unknown | opțional |
| color4 | color4 | fără descriere | Unknown | opțional |
| color3 | color3 | fără descriere | Unknown | opțional |
| color2 | color2 | fără descriere | Unknown | opțional |
| color1 | color1 | fără descriere | Unknown | opțional |
| caption | caption | fără descriere | Unknown | opțional |
| label1 | label1 | fără descriere | Unknown | opțional |
| label2 | label2 | fără descriere | Unknown | opțional |
| label3 | label3 | fără descriere | Unknown | opțional |
| label4 | label4 | fără descriere | Unknown | opțional |
| label5 | label5 | fără descriere | Unknown | opțional |
| label6 | label6 | fără descriere | Unknown | opțional |
| label7 | label7 | fără descriere | Unknown | opțional |
| label8 | label8 | fără descriere | Unknown | opțional |
| label9 | label9 | fără descriere | Unknown | opțional |
| other | other | fără descriere | Unknown | opțional |
| precision_other | precision_other | fără descriere | Unknown | opțional |