CandlestickSeries

Try the live demo
import { CandlestickSeries } from '@wick-charts/react';
 
<CandlestickSeries data={data} />

Renders OHLC candles with optional volume bars. The default body colour is direction-driven (up/down) but accepts a bodyColor callback for custom rules. Wicks render at sub-pixel widths on hi-DPI displays for a sharp look at any zoom.

Renders OHLC candles with optional volume bars. The default body colour is direction-driven (up/down) but accepts a bodyColor callback for custom rules. Wicks render at sub-pixel widths on hi-DPI displays for a sharp look at any zoom.

Props

dataOHLCInput[] | SeriesLayer<OHLCInput>

OHLC candles to render — a flat OHLCInput[], or { label, data } to name the stream for the tooltip / info bar. Each candle carries time/open/high/low/close and an optional volume.

timenumber | Date

Unix milliseconds, or a Date (converted via getTime() internally).

opennumber

Price at the start of the candle interval.

highnumber

Highest price reached during the interval. Drives the upper wick.

lownumber

Lowest price reached during the interval. Drives the lower wick.

closenumber

Price at the end of the interval. The body is drawn between open and close; close > open paints the up colour, otherwise the down colour.

volume?number

Trade volume for the interval. When present on any candle, the chart adds a volume pane below the price pane; omit it across the whole series to hide that pane.

options?Partial<CandlestickSeriesOptions>

Visual options override — colours, body width, entrance animation, smoothing. Merged onto theme defaults.

id?string

Stable series ID — same value across remounts.

visible?default trueboolean

Show/hide the series without unmounting it — excludes it from the Y-range fit and tooltip/legend. Default true. Live.