Charts

Eleven chart types backed by Chart.js. Every Chart.js option that matters is exposed as a typed prop, and every value prop is expression-capable through the same fx toggle used everywhere else in the builder.

Each section renders a live ReportViewer. Open the Definition tab to copy the JSON; open Expressions to see the key props called out.

Bar family

Bar + horizontal bar + stacked bar. Stacked uses seriesField to pivot a single y-field into per-category series.

Line & Area

Same data, two treatments. Adjust lineTension / showPoints / areaFill to taste.

Pie & Donut

labelField + valueField. cutoutPercent turns a pie into a donut; rotation and colour palettes are explicit.

Polar & Radar

Polar uses label/value like a pie. Radar uses x/y/series like a bar chart but on a radial axis.

Scatter & Bubble

Two numeric axes. Bubble adds a radius dimension through radiusField + radiusScale.

Defaults worth knowing

Aggregation defaults. Bar / line / area / pie / donut / polar / radar default to 'sum' and group rows by xAxisField / labelField. Scatter and bubble default to 'none' and the engine enforces it.
Pre-aggregated data. Pass aggregation: 'none' explicitly when your datasource already returns one row per data point.
Series palette. If colors is omitted, the chart uses a built-in theme palette that adapts to dark mode via CSS variables.
Every chart supports drill-through. Set onDrillThrough on the chart props to the target variable name; the clicked slice / point / bar writes its source row into Variables.<name>.