Rebar UI

1.0

opinion

Line Chart

A multi-series line chart over an ordered x-axis, with an optional crossover marker.

Tasks per weekDone against opened, 3 Aug to 19 Oct
12182429353 Aug17 Aug31 Aug14 Sep28 Sep12 Oct19 OctDoneOpened
Tasks per week
One series
12182429353 Aug24 Aug14 Sep5 Oct19 OctDone
Done
Few points
242729313428 Sep5 Oct12 Oct19 OctDone
Last four weeks
Trendline
12182429353 Aug24 Aug14 Sep5 Oct19 OctDone
With trend

In context

Weekly reviewThe chart under the headline numbers
ThroughputLast 12 weeks
↑ 4 vs last month

Open tasks

42

Due soon

7

Shipped

18

12182429353 Aug17 Aug31 Aug14 Sep28 Sep12 Oct19 OctDoneOpened
Tasks per week

Props

PropTypeRequiredDefault
seriesLineChartSeries[]Yes—
xLabelsstring[]Yes—
titlestring | undefinedNo—
ariaLabelstring | undefinedNo—
heightnumber | undefinedNo300
yFormat((v: number) => string) | undefinedNo(v: number) => Math.round(v).toLocaleString()
labelStepnumber | undefinedNo1
crossoverIndexnumber | undefinedNo—
filterableboolean | undefinedNo—
trendlineboolean | undefinedNo—
legendPosition"top-right" | "bottom" | undefinedNotop-right
bionicboolean | undefinedNo—
bionicOptionsBionicOptions | undefinedNo—