opinion
AreaChart
A multi-series area chart over an ordered x-axis.
Weekly throughputTasks opened and done, 3 Aug to 19 Oct
In context
Team pageThe chart under the headline figures
ThroughputQuarter to date
Open tasks
42
Due soon
7
Shipped
18
Props
| Prop | Type | Required | Default |
|---|---|---|---|
series | AreaChartSeries[] | Yes | — |
xLabels | string[] | Yes | — |
title | string | undefined | No | — |
ariaLabel | string | undefined | No | — |
height | number | undefined | No | 300 |
labelStep | number | undefined | No | 1 |
trendline | boolean | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
Trendline
Set trendline to fit and draw a dashed ordinary-least-squares line per visible series over the filled area.
data-rebar-* attributes
data-rebar-component="area-chart" on the root <figure>; the caption, when title is set, carries data-rebar-part="title"; data-rebar-part="trendline" on a fitted trendline.
Migrating to Ant Design
Not codemod-covered — AntD ships no chart components of its own (it recommends pairing with a separate charting library, e.g. @ant-design/charts, built on G2Plot); a migration reimplements this chart against whichever charting library the target project already uses.