opinion
Histogram
Bins raw values into equal-width buckets and draws the count in each.
Cycle timeDays from To do to Done, 20 finished tasks
In context
Delivery reviewThe spread behind the weekly numbers
How long tasks takeLast 12 weeks
↑ 4 vs last monthMost tasks close within four days; a few long ones pull the tail out to two weeks.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
series | HistogramSeries[] | Yes | — |
title | string | undefined | No | — |
ariaLabel | string | undefined | No | — |
height | number | undefined | No | 320 |
binCount | number | undefined | No | — |
xFormat | ((v: number) => string) | undefined | No | (v: number) => (Number.isInteger(v) ? v.toLocaleString() : v.toFixed(1)) |
yFormat | ((v: number) => string) | undefined | No | (v: number) => Math.round(v).toLocaleString() |
filterable | boolean | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
data-rebar-* attributes
data-rebar-component="histogram" on the root <figure>; data-rebar-part="mark" on each bin's bar.
Migrating to Ant Design
Not codemod-covered — AntD ships no chart components of its own; a migration typically feeds the same raw sample values to whatever charting library's own histogram/binning helper the target project uses.