An area chart displays trends over time. In stacked versions, each series is layered to highlight cumulative trends and combined totals.
Note
Stacked area charts are a common use case, as shown in the example above, used to visualise cumulative trends over time.
| Name | Description | Type | Required | Default |
curve | Sets the curve type used to render the line path between data points | 'linear' | 'natural' | 'monotoneX' | 'stepBefore' | 'stepAfter' | No | 'linear' |
children | Custom SVG element rendered inside the graph | ReactNode | No | - |
loading | Displays a loading skeleton | boolean | No | false |
Custom styling can be applied to the area chart by targeting the class names below.
| Class Name | Element |
area__stroke | The line path |
area__fill | Filled area beneath the line |