BETA
My accountGet started
Sep 182019
Peter Širka

JavaScript core pre Pie a Donut SVG grafy

V tomto blogu uvádzam 2 jednoduché funkcie, ktoré ti pomôžu vygenerovať cestu pre Pie/Donut SVG graf.

JavaScript core pre Pie a Donut SVG grafy

Verím, že funkcie uvedené v tomto blogu môžu niekomu pomôcť pri tvorbe custom Pie/Donut chartov v SVG. Funkcie si môžete upraviť podľa vlastnej potreby a verím, že niekomu dokážu ušetriť kopec času.

Pomocná funkcia pre vytvorenie PIE chartu

Nižšie uvedená funkcia vygeneruje len cestu pre <path element, pozíciu pre <text element a rotáciu pre <g element.

Použitie PIE chartu

Pomocná funkcia pre vytvorenie DONUT chartu

Nižšie uvedená funkcia vygeneruje len cestu pre <path element, pozíciu pre <text element a rotáciu pre <g element.

Donut chart usage