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.

show_chart Chart
code Code
receipt_long 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']