نمودار خطی (Line Chart)

import { PartoLineChart } from '@parto/ui';

const data = [
  {
    id: 'فروش',
    data: [
      { x: 'فروردین', y: 50 },
      { x: 'اردیبهشت', y: 75 },
      { x: 'خرداد', y: 60 },
      { x: 'تیر', y: 90 },
    ],
  },
];

<div className="h-[400px]">
  <PartoLineChart
    data={data}
    margin={{ top: 20, right: 20, bottom: 50, left: 50 }}
    xScale={{ type: 'point' }}
    yScale={{ type: 'linear' }}
    axisBottom={{
      tickSize: 5,
      tickPadding: 5,
      tickRotation: 0,
    }}
    axisLeft={{
      tickSize: 5,
      tickPadding: 5,
      tickRotation: 0,
    }}
    pointSize={10}
    useMesh={true}
  />
</div>

const multiData = [
  {
    id: 'فروش',
    data: [
      { x: 'فروردین', y: 50 },
      { x: 'اردیبهشت', y: 75 },
      { x: 'خرداد', y: 60 },
    ],
  },
  {
    id: 'سود',
    data: [
      { x: 'فروردین', y: 30 },
      { x: 'اردیبهشت', y: 45 },
      { x: 'خرداد', y: 40 },
    ],
  },
];