Compare values across categories with bar or column charts. Supports multiple series and stacked display.
In the builder: Elements → Results Widgets → BarChart
Widget Settings
Variable
| UI field | Description |
|---|---|
| Name | Chart identifier (required). |
| Value | Chart title. |
Chart Data
Click Edit Chart to set row labels (categories), data series columns, and cell values.
Chart options
| UI field | Description |
|---|---|
| Chart Type | Bar chart or Column chart |
| Legend Position | Hidden, top, bottom, left, right |
| Series Display | Separate bars or Stacked |
| Distribute Series | Spread series across the axis |
| Series Bar Distance | Gap between series bars |
Chart Series Colors — assign a color per series column.
Field Option
| UI field | Description |
|---|---|
| Decimal Places | Value precision on the chart. |
Visibility
Expand Visibility to show or hide the widget based on an active View Mode or a formula. See Show and Hide Fields with Conditional Logic.
| UI field | Description |
|---|---|
| Show | Always or Conditionally |
| Active mode is | Name of the View Mode that must be active for this widget to appear (when Show is Conditionally). |
| Formula result is positive | Optional formula; evaluated on Calculate |
Design
Style chart title and canvas via Label, Control Area, and Control parts.
Custom CSS:
| Selector / class | Targets |
|---|---|
.bar-chart-widget |
Bar chart container. |
.cp-chart |
Shared chart wrapper. |