PieChartPie Chart

UX Guidelines

Dev

UsageCode Example

<PieChart segments={[{percentage: 50, color: Colors.blue30}, {percentage: 30, color: Colors.red30}, {percentage: 20, color: Colors.green30}]} diameter={144}/>

APIThis is the list of additional props for the component

diameter

number

Pie chart diameter

dividerColor

ColorValue

The color of the divider between the segments

dividerWidth

number

The width of the divider between the segments

segments

PieChartSegmentProps[]

Pie chart segments array