<SingleDonutChart

:circlePadding= "0"

:percentage= "50"

rounded

:strokeWidth= "2.8"

text= "{{percentage}}%"

:width= "250"

/>

Properties

circlePaddingThe padding between the circle and the edges.
0
percentageThe percentage of the donut chart.
50
roundedWhether the stroke should be rounded.
strokeWidthThe width of the stroke.
2.8
textThe text to display in the center of the donut chart.
widthThe size of the donut chart.
250

Using slots

50

visitors by month

Multiple values