Pie Chart
To create a pie chart in vue3-charts you can use the Pie
layer. You cannot add the Pie
layer multiple times or combine it with other layers (Bar
, Area
).
Here you can see a simple example using Pie
layer.
Chart
Code
Data
Pie layer props
The pie layer allows a number of properties to be specified.
Name
Type
Description
pieStyle
Object
Use pieStyle to set svg styling for the pie.
Ex:
- colors (ex. ['#4daf4a', '#377eb8'])
- innerRadius
- cornerRadius
- padAngle
dataKeys
Array
What data the line to render.
Ex:
['name', 'pl']