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