opinion
StepChart
A line drawn as steps, for values that hold until the next change.
Crew on shiftHeadcount at the three northern depots, launch week
In context
RotaA card on the rota page
Staffing this weekPayroll cut-off 28 Oct
Launch FriProps
| Prop | Type | Required | Default |
|---|---|---|---|
series | StepChartSeries[] | 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 |
step | StepChartStep | undefined | No | after |
filterable | boolean | undefined | No | — |
trendline | boolean | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
data-rebar-* attributes
data-rebar-component="step-chart" on the root <figure>; data-rebar-part="mark" on each point, "trendline" on a trendline when trendline is set.
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 "step" line-interpolation option the target project uses.