Pie Chart

Pie Chart

Geef met data-start zet je de positie in graden. Met data-value geef je de waarde van een partje in graden. Per partje moet je dus zelf uitrekenen waar deze begint.

Pie 12 betaaltermijnen

Met de modifier pie-chart__part--neutral-1 tot pie-chart__part--neutral-12 zet je grijstinten.

Pie met mislukste betaaltermijnen

Met de modifier pie-chart__part--green-1 tot pie-chart__part--green-12 zet je de groene tinten. Met pie-chart__part--magenta-1 tot pie-chart__part--magenta-2 zet je de magenta tinten.

Pie volledig

Pie met 1 partje

Bij een volledig gevulde pie-chart gebruik dan pie-chart--completed. (groene border). Of het benadrukken van een fout pie-chart--error(rode border).

Pie automatische kleuren

Gebruik pie-chart__part--bigwanneer je partje groter is dan 50%.

Benodigde stylesheets

• /uno/components/pie-chart/pie-chart.css