Vertical Bar Chart

Vertical Bar Chart

The Vertical Bar Chart component displays categories as vertical bars. 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 categories (X-axis).	"productName"
valueColumn	Text	Column name for values (Y-axis).	"sales"
aggregationMethod	Enum	Count, Sum, Avg, etc.	Sum
chartTitle	Text	Title above the chart.	"Sales by Product"
showLabels	Boolean	Show labels on bars.	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 to the field names. Use AggregationMethod as needed.
• Model-Driven: Add the control where a data set is available; set the columns and aggregation.

Data binding

Bind Items to a collection or table. The chart aggregates by category according to aggregationMethod and displays vertical bars.