Installation
$ pnpm dlx shadcn@latest add @chartcn/pixijs/candlestick-chart
Usage
import { ChartcnCandlestickChart } from "@/components/chart/pixijs/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
Candlestick
| Prop | Type | Default |
|---|---|---|
barWidth | number | string | "58%" |
style | "classic" | "hollow" | "classic" |