Rebar UI

1.0

synthetic

SteppedBarChart

A bar chart with no gaps, so the tops trace one staircase.

Tasks done per weekTwelve weeks, 3 Aug to 19 Oct
091827363 Aug10 Aug17 Aug24 Aug31 Aug7 Sep14 Sep21 Sep28 Sep5 Oct12 Oct19 Oct
Tasks done per week
Four weeks
0918273628 Sep5 Oct12 Oct19 Oct
Last four weeks
Single bar
0918273619 Oct
This week
Falling
012233546MonTueWedThu
Open tasks, falling

In context

Team velocityThe staircase beside the headline number
Throughput

33 tasks done in the week of 19 Oct, the best of the quarter.

0918273614 Sep21 Sep28 Sep5 Oct12 Oct19 Oct
Last six weeks

Props

PropTypeRequiredDefault
barsSteppedBarChartBar[]Yes—
titlestring | undefinedNo—
ariaLabelstring | undefinedNo—
heightnumber | undefinedNo340
bionicboolean | undefinedNo—
bionicOptionsBionicOptions | undefinedNo—

data-rebar-* attributes

data-rebar-component="stepped-bar-chart" on the root <figure>; data-rebar-part="outline" on the bold top-tracing polyline.

Migrating to Ant Design

Not codemod-covered. AntD ships no chart components; set barGap: 0 and barCategoryGap: 0 on the bar chart you use, plus an outline overlay if you need the staircase.