Composed Chart
Composed Chart
Combine Bar, Line, and Area series in a single chart canvas. Ideal for overlaying trends on volume data, forecasting, and KPI dashboards.
Variants
Core composed 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). |
| StackOffset | StackOffset | None | Stack offset mode for all stacked series. |
| EnableAnimation | bool | true | Whether to animate on first render. |
| Class | string? | null | Additional CSS classes on the root element. |
| Bar.DataKey | string | required | Property name on the data item for bar values. |
| Bar.Radius | int | 0 | Corner radius of bar tops in pixels. |
| Bar.StackId | string? | null | Stack group identifier. Bars with the same StackId are stacked. |
| Line.DataKey | string | required | Property name on the data item for line values. |
| Line.Dashed | bool | false | Whether to render the line as a dashed stroke. |
| Area.DataKey | string | required | Property name on the data item for area values. |
| Area.Opacity | double | 1.0 | Fill area opacity (0–1). |