نمودار شمعی

نصب

1. با CLI

   اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

   $ npx vibefarsi add candlestick-chart

2. نصب دستی

   محتوای تب «کد» را در components/charts/candlestick-chart.tsx بگذارید. پیش‌نیاز: chart-core.

   $ npm i lucide-react
   کپی کل فایلregistry json

استفاده

1import { CandlestickChart } from "@/components/charts/candlestick-chart"23<CandlestickChart4  title="فولاد · ۶۰ روز اخیر"5  data={prices} // { date, open, high, low, close, volume }[]6  movingAverages={[7, 21]}7  format={(n) => `${faNumber(n)} ریال`}8/>

پراپ‌ها

نکته‌ها

• جدیدترین شمع سمت چپه، پس روند از راست به چپ خوانده میشه.
• تغییر در تولتیپ نسبت به قیمت پایانی روز قبل حساب میشه.