Charts - Candlestick & OHLC Playground

Interactive playground for candlestick and OHLC charts to experiment with props and configuration live.

#Usage

import { ChartCandlestick, ChartSvg, ChartTooltip, ChartXAxis, ChartYAxis } from '@primeui/vue-chart';
<ChartSvg>
    <ChartCandlestick :data="prices" category-x-field="date" open-field="open" high-field="high" low-field="low" close-field="close" />
    <ChartXAxis />
    <ChartYAxis />
    <ChartTooltip />
</ChartSvg>

Use the playground to compare candlestick, OHLC, and hollow variants plus candle sizing. Use the examples when you need annotations, navigator, or live-update patterns.

#Playground

Loading Demo...