PieChart

PieChart components visualize data proportions in a circular format, with support for donut style and customizable display options.

Preview

Builder

Chart Type
Display Options
Center Content
Advanced
States

The component accepts the following props:

Prop
Type
Default
Title

Description Error

No data

There are no records to display

DataPoint Type

Each data point in the data array should follow this structure:

The component accepts the following props:

Prop
Type
Default
Title

Description Error

No data

There are no records to display

Margin Type

The margin object defines spacing around the chart:

The component accepts the following props:

Prop
Type
Default
Title

Description Error

No data

There are no records to display

Color Type

Available color values for chart segments:

The component accepts the following props:

Prop
Type
Default
Title

Description Error

No data

There are no records to display