Installation
$ pnpm dlx shadcn@latest add @chartcn/pixijs/ohlc-chart
Usage
import { ChartcnOhlcChart } from "@/components/chart/pixijs/ohlc-chart";<ChartcnOhlcChart config={chartConfig} data={data}>
<ChartcnOhlcChart.Grid />
<ChartcnOhlcChart.XAxis />
<ChartcnOhlcChart.YAxis />
<ChartcnOhlcChart.Legend />
<ChartcnOhlcChart.Tooltip />
<ChartcnOhlcChart.Ohlc barWidth="58%" stemWidth={1.5} />
</ChartcnOhlcChart>API Reference
Ohlc
| Prop | Type | Default |
|---|---|---|
barWidth | number | string | - |
stemWidth | number | 1 |
tickLength | number | string | "45%" |