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.
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.
A striped area zone behind a natural line, with a legend.
| 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. |