<SingleDonutChart
:circlePadding="0"
:percentage="50"
:strokeWidth="2.8"
text="{{percentage}}%"
:width="250"
/>

Props (6)

circlePaddingnumberThe padding between the circle and the edges.
0
percentagenumberThe percentage of the donut chart.
50
roundedbooleanWhether the stroke should be rounded.
strokeWidthnumberThe width of the stroke.
2.8
textstringThe text to display in the center of the donut chart.
widthnumberThe size of the donut chart.
250

Using slots

50

visitors by month

Multiple values