Line Chart

Copyimport {
  ChartcnLineChart,
  type ChartConfig,
} from "@/components/chart/line-chart";

Copy<ChartcnLineChart data={data} config={chartConfig} xDataKey="month">
  <ChartcnLineChart.XAxis dataKey="month" />
  <ChartcnLineChart.Brush />
  <ChartcnLineChart.Legend />
  <ChartcnLineChart.Tooltip />
  <ChartcnLineChart.Line dataKey="desktop" strokeWidth={2.5}>
    <ChartcnLineChart.Dot variant="border" />
    <ChartcnLineChart.ActiveDot variant="colored-border" />
  </ChartcnLineChart.Line>
  <ChartcnLineChart.Line dataKey="mobile" opacity={0.8}>
    <ChartcnLineChart.Dot variant="border" />
    <ChartcnLineChart.ActiveDot variant="colored-border" />
  </ChartcnLineChart.Line>
</ChartcnLineChart>