opinion
IndexChart
A line chart that rebases every series to 100, so different scales compare fairly.
Spend since JuneThree projects, each indexed to its own June figure
In context
Budget reviewGrowth in spend, whatever the project size
Spend since JuneHarbour rebrand is at £46,500 of £48,200
IndexedSignage has grown tenfold from a small start; mobile is the biggest but the slowest mover.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
series | IndexChartSeries[] | Yes | — |
xLabels | string[] | Yes | — |
title | string | undefined | No | — |
ariaLabel | string | undefined | No | — |
height | number | undefined | No | 300 |
labelStep | number | undefined | No | 1 |
baseValue | number | undefined | No | 100 |
filterable | boolean | undefined | No | — |
trendline | boolean | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
data-rebar-* attributes
data-rebar-component="index-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 pre-computes the same index-100 rebasing and feeds it to whatever charting library the target project already uses.