BarChart (Next)
Grouped vertical bar chart for categorical metrics or barSeries payloads. Layout supplies legend keys and axis options. The channel carries categories + series or barSeries under shape: "value".
Summary
| Value | |
|---|---|
| Layout id | BarChart |
| Widget config | barChartItem |
| Primary channel shape | value (categories + series, or barSeries) |
Migration status
migrated, full layout + dataservice reference: tools/arbex/reference/next/BarChart.json. See Dataservice migration status.
Layout
| Field | Description |
|---|---|
channels | Channel id(s), typically one primary channel |
barChartItem.legend[] | { key, label, color }, keys must match series[].key in payload |
barChartItem.yAxis | min, max, autoMin, autoMax, clamp, integerTicks, tickAmount |
chartHeight, truncateXAxisLabels | Optional presentation |
Schema: #/$defs/BarChartItemSchema in heat-layout-schema.json.
Data contract
| Shape | Payload |
|---|---|
value | data.value.categories + data.value.series[] with key, name, values[] |
value (alt) | data.value.barSeries[] with { name, data: [{ x, y, ... }] } |
Registry also lists series and ranges for timeseries bar modes.
Example
See reference JSON (Storybook NearVsFarHitQuality pattern) and Arbex RAG tools/arbex/rag/reference/components/BarChart.md.
Related
- Next components index
- Dataservice migration status
- Next data service
- ComposableChart: multi-slice charts
- RAG:
tools/arbex/rag/reference/components/BarChart.md - Reference:
tools/arbex/reference/next/BarChart.json
Opens your browser's print dialog. Choose "Save as PDF" as the destination.