Bar Chart

Bar Chart

Vertical and horizontal bar charts with grouping, stacking, labels, and 100% expansion. Supports mixed bar + line charts via ComposedChart.

Interactive

A live bar chart with time-range filtering.

Bar Chart — Interactive

Showing sales data for the last 30 days

Variants

Core bar chart configurations.

API Reference

Prop Type Default Description
Data IEnumerable<TData> required The data collection to render.
Padding Padding 32,16,24,16 Plot-area padding (Top, Right, Bottom, Left).
Layout BarLayout Vertical Bar orientation: Vertical or Horizontal.
StackOffset StackOffset None Stack offset mode. Use Expand for 100% stacking.
EnableAnimation bool true Whether to animate on first render.
Class string? null Additional CSS classes on the root element.
DataKey string required Property name mapped to bar values (on Bar series).
Name string? DataKey Legend and tooltip series name.
Color string? auto Bar fill color. Accepts any CSS color value.
Radius int 0 Corner radius of bar tops in pixels.
StackId string? null Stack group identifier. Bars sharing the same StackId are stacked.
ShowLabel bool false Whether to show data labels on bars.
LabelPosition LabelPosition Top Position of the data label relative to the bar.

Reconnecting...

Attempting to rejoin the server

Connection Lost

Retrying in seconds

Connection Failed

Failed to rejoin the server.
Please retry or reload the page.

Session Paused

The session has been paused by the server

Resume Failed

Failed to resume the session.
Please reload the page.