Bar Chart (Chart.js)

Canvas-based bar chart built on Chart.js. Supports grouped and stacked variants, horizontal orientation, and automatic dark mode theming. See also the CSS-only BarChart in the Diagrams section for a lighter-weight alternative.

Color overrides should use six-digit hex strings because these wrappers append alpha suffixes. For custom configurations and instance lifecycle, see Chart Base & Helpers. To fill a fixed-height container, set options={{ maintainAspectRatio: false }}.


Grouped

Default mode — datasets are placed side by side per category.


Stacked

Set stacked to stack bars for each category.


Horizontal

Set horizontal to flip the axes.