synthetic
CandlestickChart
One wick-and-body candle per period: open, high, low, close.
Open tasksDaily range of open tasks, 20 to 24 Oct
No dataIn context
Weekly reviewNext to the week's numbers
Open tasks
This week
Closed Friday at
43
5 fewer than Monday's open.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
data | CandlestickDataPoint[] | Yes | — |
title | string | undefined | No | — |
ariaLabel | string | undefined | No | — |
height | number | undefined | No | 320 |
upColor | string | undefined | No | var(--rebar-chart-up, var(--rebar-color-success, #2e7d32)) |
downColor | string | undefined | No | var(--rebar-chart-down, var(--rebar-color-danger, #d32f2f)) |
yFormat | ((v: number) => string) | undefined | No | (v: number) => v.toFixed(2) |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
Wick and body
Each entry draws a thin wick from low to high and a body from open to close, in upColor when the period closed at or above its open and downColor otherwise. It is a record of real periodic values; for the spread of a dataset use BoxPlot.
data-rebar-* attributes
data-rebar-component="candlestick-chart" on the root <figure>.
Migrating to Ant Design
Not codemod-covered. AntD ships no chart components of its own; a candlestick chart typically migrates to a dedicated library like lightweight-charts.