Bar charts

Grouped, stacked and signed bar charts. Negative values are coloured per-bar with Cell; a zero reference line anchors the baseline.

$bunx shadcn@latest add @nx-ui/chart
Registry item
Installs withutils

Grouped

Diverted against landfilled tonnage per site, as side-by-side bars.

Stacked

Monthly waste mix by EWC chapter, stacked into a single bar per month.

Negative values

Net monthly change in stockpile — gains in brand, drawdowns in the destructive token — with a zero baseline.

Per-theme colours

Series colours declared with `theme: { light, dark }` — navy and blue in light mode, accent yellow and a lighter blue in dark mode, resolved by ChartStyle's per-theme CSS vars.

API reference

Exported parts and their props, extracted from the component source.