opinion
StackedAreaChart
Bands stacked on top of each other, so the top edge is the total.
Tasks done per weekBy tag, 14 Sep to 19 Oct
In context
Delivery dashboardA card above the project table
Output33 tasks done in the week of 19 Oct
Up 4 on last weekProps
| Prop | Type | Required | Default |
|---|---|---|---|
series | StackedAreaChartSeries[] | Yes | — |
xLabels | string[] | Yes | — |
title | string | undefined | No | — |
ariaLabel | string | undefined | No | — |
height | number | undefined | No | 300 |
yFormat | ((v: number) => string) | undefined | No | (v: number) => Math.round(v).toLocaleString() |
labelStep | number | undefined | No | 1 |
filterable | boolean | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
data-rebar-* attributes
data-rebar-component="stacked-area-chart" on the root <figure>; data-rebar-part="mark" on each point.
Migrating to Ant Design
Not codemod-covered — AntD ships no chart components of its own; a migration typically maps directly to whatever charting library's own "stacked area" mode the target project uses.