chart-line-interactive

1"use client"
2 
3import * as React from "react"
4import { CartesianGrid, Line, LineChart, XAxis } from "recharts"
5 
6import {
7  Card,
8  CardContent,
9  CardDescription,
10  CardHeader,
11  CardTitle,
12} from "@/registry/new-york/ui/card"
13import {
14  ChartConfig,
15  ChartContainer,
16  ChartTooltip,
17  ChartTooltipContent,
18} from "@/registry/new-york/ui/chart"
19const chartData = [
20  { date: "2024-04-01", desktop: 222, mobile: 150 },
21  { date: "2024-04-02", desktop: 97, mobile: 180 },
22  { date: "2024-04-03", desktop: 167, mobile: 120 },
23  { date: "2024-04-04", desktop: 242, mobile: 260 },
24  { date: "2024-04-05", desktop: 373, mobile: 290 },
25  { date: "2024-04-06", desktop: 301, mobile: 340 },
26  { date: "2024-04-07", desktop: 245, mobile: 180 },
27  { date: "2024-04-08", desktop: 409, mobile: 320 },
28  { date: "2024-04-09", desktop: 59, mobile: 110 },
29  { date: "2024-04-10", desktop: 261, mobile: 190 },
30  { date: "2024-04-11", desktop: 327, mobile: 350 },
31  { date: "2024-04-12", desktop: 292, mobile: 210 },
32  { date: "2024-04-13", desktop: 342, mobile: 380 },
33  { date: "2024-04-14", desktop: 137, mobile: 220 },
34  { date: "2024-04-15", desktop: 120, mobile: 170 },
35  { date: "2024-04-16", desktop: 138, mobile: 190 },
36  { date: "2024-04-17", desktop: 446, mobile: 360 },
37  { date: "2024-04-18", desktop: 364, mobile: 410 },
38  { date: "2024-04-19", desktop: 243, mobile: 180 },
39  { date: "2024-04-20", desktop: 89, mobile: 150 },
40  { date: "2024-04-21", desktop: 137, mobile: 200 },
41  { date: "2024-04-22", desktop: 224, mobile: 170 },
42  { date: "2024-04-23", desktop: 138, mobile: 230 },
43  { date: "2024-04-24", desktop: 387, mobile: 290 },
44  { date: "2024-04-25", desktop: 215, mobile: 250 },
45  { date: "2024-04-26", desktop: 75, mobile: 130 },
46  { date: "2024-04-27", desktop: 383, mobile: 420 },
47  { date: "2024-04-28", desktop: 122, mobile: 180 },
48  { date: "2024-04-29", desktop: 315, mobile: 240 },
49  { date: "2024-04-30", desktop: 454, mobile: 380 },
50  { date: "2024-05-01", desktop: 165, mobile: 220 },
51  { date: "2024-05-02", desktop: 293, mobile: 310 },
52  { date: "2024-05-03", desktop: 247, mobile: 190 },
53  { date: "2024-05-04", desktop: 385, mobile: 420 },
54  { date: "2024-05-05", desktop: 481, mobile: 390 },
55  { date: "2024-05-06", desktop: 498, mobile: 520 },
56  { date: "2024-05-07", desktop: 388, mobile: 300 },
57  { date: "2024-05-08", desktop: 149, mobile: 210 },
58  { date: "2024-05-09", desktop: 227, mobile: 180 },
59  { date: "2024-05-10", desktop: 293, mobile: 330 },
60// … truncated