Candlestick

BTC/USDStandard · 1m
07:46:30O43301H43689L43084C43491V1.91M
01234567890123456789012345678901234567890123456789
4300044000
07:43:0007:44:0007:45:0007:46:00
DOGE/USDHigh volatility · 1m
07:46:30O106.79H107.35L106.61C107.10V46.77K
012345678901234567890123456789.0123456789012345678901234567890123456789
102104106108
07:40:0007:45:00
ETH/USDTrending · 1m
07:46:30O1584.48H1592.06L1582.00C1588.50V52.77K
0123456789012345678901234567890123456789.01234567890123456789
150015501600
07:30:0007:35:0007:40:0007:45:00

Demo

ModeStream mock data vs. static snapshot
Perf HUDFPS, frame time, draw calls, per-series ms, heap

Display

Value labelLast value pill on y-axis
TooltipOn hover
Info barOHLC values above the chart
CrosshairVertical + horizontal cursor lines
import {
CandlestickSeries,
ChartContainer,
Crosshair,
InfoBar,
XAxis,
YAxis,
YLabel,
catppuccin,
} from '@wick-charts/react';
 
<ChartContainer theme={catppuccin.theme}>
<CandlestickSeries
id={sid}
data={ohlcData}
options={{ bodyWidthRatio: 0.6 }}
/>
<InfoBar />
<YLabel seriesId={sid} />
<Crosshair />
<YAxis />
<XAxis />
</ChartContainer>