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. |