Peter Širka
Peter Širka

Brutal Developer

JavaScript core pre Pie a Donut SVG grafy

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