Pie Chart

Pie Chart

The Pie Chart component displays data as a pie or donut chart. It supports a data source, category and value columns, and aggregation (Count, Sum, Avg, etc.).

Key properties

Property	Type	Description	Example
categoryColumn	Text	Column name for slice categories.	"category"
valueColumn	Text	Column name for slice values.	"amount"
aggregationMethod	Enum	Count, Sum, Avg, etc.	Sum
chartTitle	Text	Title above the chart.	"Share by Category"
showLabels	Boolean	Show labels on slices.	true
showLegend	Boolean	Show legend.	true
showTooltip	Boolean	Show tooltips on hover.	true
colorMode	Enum	Default, Theme, or Custom.	Theme
customColors	Text	JSON map of category to hex color (when colorMode is Custom).	{}

Usage

• Canvas: Set Items to your data source. Set CategoryColumn and ValueColumn. Use AggregationMethod as needed.
• Model-Driven: Add the control where a data set is available; configure columns and aggregation.

Data binding

Bind Items to a collection or table. The chart aggregates by category and displays pie slices.