Area chart
Volume over an ordered axis, smooth by default, optionally stacked into a total.
When to use it
Stack only when the series add up to something meaningful. Overlaid areas wash at 10% so lines stay readable where they cross.
Capacity installed
Options
Everything you can pass to Area chart.
| Prop | Type | Default | What it does |
|---|---|---|---|
| categories | string[] | — | The x-axis labels, in order. |
| series | { name, data: (number | null)[], color? }[] | — | Colours default to --chart-1… in order. null is a gap. |
| legend | boolean | 2+ series | HTML legend above the plot. |
| stacked | boolean | false | Stack into a total. |
| smooth / markers | boolean | true / false | Curve the lines; a dot on every point. |
| height | number | string | — | Plot height. The HTML legend sits outside it. |
| valueFormatter | (value) => string | en-IN, 2 dp | Axis labels, tooltips, value labels and the hidden data table. |
| aria-label | string | — | What the chart shows. Also captions its hidden data table. |
| loading / emptyTitle / emptyDescription | boolean / string | — | Passed to Chart: skeleton, and the empty state when every value is zero. |