Chart Composed
Composed charts overlay more than one geometry on the same axes. ChartComposed draws a filled area behind a line, useful for forecast or target zones.
Forecast
A striped area zone behind a natural line, with a legend.
API Reference
Props, events, and slots for each sub-component.
ChartComposed
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | Record<string, any>[] | — | Series rows. |
| config | ChartConfig | — | Map of key → { label, color }. |
| xKey | string | "month" | Row key for the category axis. |
| areaKey | string | "area" | Row key plotted as the filled area. |
| lineKey | string | "value" | Row key plotted as the line. |
| areaFill | string | "var(--chart-1)" | Area fill (often a url(#pattern)). |
| svgDefs | string | null | Raw SVG <defs> string (patterns/gradients). |
| curveType | string | "natural" | Curve interpolation. |
| legend | boolean | false | Render a legend below the chart. |