Messkurve mit Chart.js in Modal zeigen , die Daten kommen von json Dateien

package-lock.json

@@ -14,6 +14,7 @@
         "@iconify/react": "^5.0.2",
         "autoprefixer": "^10.4.20",
         "bootstrap-icons": "^1.11.3",
+        "chart.js": "^4.4.5",
         "next": "14.2.13",
         "react": "^18",
         "react-dom": "^18",
@@ -143,6 +144,11 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@kurkle/color": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.2.tgz",
+      "integrity": "sha512-fuscdXJ9G1qb7W8VdHi+IwRqij3lBkosAm4ydQtEmbY58OzHXqQhvlxqEkoz0yssNVn38bcpRWgA9PP+OGoisw=="
+    },
     "node_modules/@next/env": {
       "version": "14.2.13",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.13.tgz",
@@ -551,6 +557,17 @@
         }
       ]
     },
+    "node_modules/chart.js": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.4.5.tgz",
+      "integrity": "sha512-CVVjg1RYTJV9OCC8WeJPMx8gsV8K6WIyIEQUE3ui4AR9Hfgls9URri6Ja3hyMVBbTF8Q2KFa19PE815gWcWhng==",
+      "dependencies": {
+        "@kurkle/color": "^0.3.0"
+      },
+      "engines": {
+        "pnpm": ">=8"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",