داشبورد مدیریت فروشگاه آنلاین

// نمونه کد برای نمودار فروش
import { Bar } from 'react-chartjs-2';
import {
  Chart as ChartJS,
  CategoryScale,
  LinearScale,
  BarElement,
  Title,
  Tooltip,
  Legend,
} from 'chart.js';

// Register ChartJS components
ChartJS.register(
  CategoryScale,
  LinearScale,
  BarElement,
  Title,
  Tooltip,
  Legend
);

export default function SalesChart() {
  const salesData = {
    labels: ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور'],
    datasets: [
      {
        label: 'فروش سال ۱۴۰۱',
        data: [65, 59, 80, 81, 56, 55],
        backgroundColor: 'rgba(53, 162, 235, 0.5)',
      },
      {
        label: 'فروش سال ۱۴۰۲',
        data: [70, 65, 85, 88, 62, 60],
        backgroundColor: 'rgba(75, 192, 192, 0.5)',
      },
    ],
  };

  const options = {
    responsive: true,
    plugins: {
      legend: {
        position: 'top',
      },
      title: {
        display: true,
        text: 'نمودار فروش ماهانه',
      },
    },
  };

  return <Bar options={options} data={salesData} />;
}