Installation
$ pnpm dlx shadcn@latest add @chartcn/chartgpu/candlestick-chart
Usage
import { ChartcnCandlestickChart } from "@/components/chart/candlestick-chart";<ChartcnCandlestickChart config={chartConfig} data={data}>
<ChartcnCandlestickChart.Grid />
<ChartcnCandlestickChart.XAxis />
<ChartcnCandlestickChart.YAxis />
<ChartcnCandlestickChart.Legend />
<ChartcnCandlestickChart.Tooltip />
<ChartcnCandlestickChart.Candlestick barWidth="58%" />
</ChartcnCandlestickChart>Examples
Hollow candles
style='hollow'
API Reference
| Prop | Type | Default |
|---|---|---|
data | readonly OHLCDataPoint[] | - |
config | ChartConfig | - |
animation | boolean | AnimationConfig | { duration: 700, easing: "cubicOut" } |
isLoading | boolean | false |
Candlestick
| Prop | Type | Default |
|---|---|---|
barWidth | number | string | - |
style | "classic" | "hollow" | "classic" |
priceLabel | boolean | CandlestickPriceLabelConfig | ChartGPU default |