defi-chart

1"use client";
2 
3import React from "react";
4import {
5    BarChart,
6    Bar,
7    XAxis,
8    YAxis,
9    Cell,
10    CartesianGrid,
11    ReferenceLine,
12} from "recharts";
13import {
14    ChartConfig,
15    ChartContainer,
16    ChartTooltip,
17} from "@/components/ui/chart";
18 
19const data = [
20    // November 2024
21    { date: "2024-11-01", openClose: [0.9188, 0.9201], high: 0.9232, low: 0.917 },
22    { date: "2024-11-04", openClose: [0.9193, 0.9181], high: 0.92, low: 0.9162 },
23    {
24        date: "2024-11-05",
25        openClose: [0.9193, 0.9171],
26        high: 0.9197,
27        low: 0.9144,
28    },
29    {
30        date: "2024-11-06",
31        openClose: [0.9149, 0.9252],
32        high: 0.9361,
33        low: 0.9144,
34    },
35    { date: "2024-11-07", openClose: [0.932, 0.9286], high: 0.9334, low: 0.9238 },
36    {
37        date: "2024-11-08",
38        openClose: [0.9257, 0.9305],
39        high: 0.9357,
40        low: 0.9254,
41    },
42    {
43        date: "2024-11-11",
44        openClose: [0.9339, 0.9365],
45        high: 0.9409,
46        low: 0.9322,
47    },
48    {
49        date: "2024-11-12",
50        openClose: [0.9384, 0.9408],
51        high: 0.9438,
52        low: 0.9378,
53    },
54    { date: "2024-11-13", openClose: [0.9413, 0.943], high: 0.9473, low: 0.9388 },
55    { date: "2024-11-14", openClose: [0.9467, 0.9488], high: 0.9526, low: 0.945 },
56    {
57        date: "2024-11-15",
58        openClose: [0.9497, 0.9475],
59        high: 0.9509,
60        low: 0.9441,
61    },
62    {
63        date: "2024-11-18",
64        openClose: [0.9497, 0.9462],
65        high: 0.9497,
66        low: 0.9428,
67    },
68    {
69        date: "2024-11-19",
70        openClose: [0.9435, 0.9467],
71        high: 0.9501,
72        low: 0.9433,
73    },
74    {
75        date: "2024-11-20",
76        openClose: [0.9438, 0.9471],
77        high: 0.9517,
78        low: 0.9425,
79    },
80    {
81        date: "2024-11-21",
82        openClose: [0.9484, 0.9516],
83        high: 0.9558,
84        low: 0.9474,
85    },
86    {
87        date: "2024-11-22",
88        openClose: [0.9547, 0.9601],
89        high: 0.9677,
90        low: 0.9526,
91    },
92    { date: "2024-11-25", openClose: [0.9542, 0.9533], high: 0.957, low: 0.9497 },
93    {
94        date: "2024-11-26",
95        openClose: [0.9528, 0.9537],
96        high: 0.9592,
97        low: 0.9483,
98    },
99    {
100        date: "2024-11-27",
101        openClose: [0.9534, 0.9496],
102        high: 0.9547,
103        low: 0.9445,
104    },
105    { date: "2024-11-28", openClose: [0.9464, 0.948], high: 0.9499, low: 0.9461 },
106    {
107        date: "2024-11-29",
108// … truncated