TDR Messung in Chart.js implementieren

LastTDR/slot0.json

@@ -0,0 +1 @@
+<%=KTZ0%>

LastTDR/slot1.json

@@ -0,0 +1 @@
+<%=KTZ1%>

LastTDR/slot10.json

@@ -0,0 +1 @@
+<%=KTZ10%>

LastTDR/slot11.json

@@ -0,0 +1 @@
+<%=KTZ11%>

LastTDR/slot12.json

@@ -0,0 +1 @@
+<%=KTZ12%>

LastTDR/slot13.json

@@ -0,0 +1 @@
+<%=KTZ13%>

LastTDR/slot14.json

@@ -0,0 +1 @@
+<%=KTZ14%>

LastTDR/slot15.json

@@ -0,0 +1 @@
+<%=KTZ15%>

LastTDR/slot16.json

@@ -0,0 +1 @@
+<%=KTZ16%>

LastTDR/slot17.json

@@ -0,0 +1 @@
+<%=KTZ17%>

LastTDR/slot18.json

@@ -0,0 +1 @@
+<%=KTZ18%>

LastTDR/slot19.json

@@ -0,0 +1 @@
+<%=KTZ19%>

LastTDR/slot2.json

@@ -0,0 +1 @@
+<%=KTZ1%>

LastTDR/slot20.json

@@ -0,0 +1 @@
+<%=KTZ20%>

LastTDR/slot21.json

@@ -0,0 +1 @@
+<%=KTZ21%>

LastTDR/slot22.json

@@ -0,0 +1 @@
+<%=KTZ22%>

LastTDR/slot23.json

@@ -0,0 +1 @@
+<%=KTZ23%>

LastTDR/slot24.json

@@ -0,0 +1 @@
+<%=KTZ24%>

LastTDR/slot25.json

@@ -0,0 +1 @@
+<%=KTZ25%>

LastTDR/slot26.json

@@ -0,0 +1 @@
+<%=KTZ26%>

LastTDR/slot27.json

@@ -0,0 +1 @@
+<%=KTZ27%>

LastTDR/slot28.json

@@ -0,0 +1 @@
+<%=KTZ28%>

LastTDR/slot29.json

@@ -0,0 +1 @@
+<%=KTZ29%>

LastTDR/slot3.json

@@ -0,0 +1 @@
+<%=KTZ3%>

LastTDR/slot30.json

@@ -0,0 +1 @@
+<%=KTZ30%>

LastTDR/slot31.json

@@ -0,0 +1 @@
+<%=KTZ31%>

LastTDR/slot4.json

@@ -0,0 +1 @@
+<%=KTZ4%>

LastTDR/slot5.json

@@ -0,0 +1 @@
+<%=KTZ5%>

LastTDR/slot6.json

@@ -0,0 +1 @@
+<%=KTZ6%>

LastTDR/slot7.json

@@ -0,0 +1 @@
+<%=KTZ7%>

LastTDR/slot8.json

@@ -0,0 +1 @@
+<%=KTZ8%>

LastTDR/slot9.json

@@ -0,0 +1 @@
+<%=KTZ9%>

components/modules/Kue705FO.jsx

@@ -36,27 +36,46 @@ function Kue705FO({
   // Funktion zum Anzeigen des Chart-Modals
   const handleOpenChartModal = () => {
     setShowChartModal(true);
-    loadChartData(); // Lade die Daten, wenn das Modal geöffnet wird
+    if (activeButton === "TDR") {
+      loadTDRChartData(); // Lade TDR-Daten, wenn der TDR-Button aktiv ist
+    } else {
+      loadLoopChartData(); // Andernfalls lade die Schleifenmessdaten
+    }
   };
 
   const handleCloseChartModal = () => {
     setShowChartModal(false);
   };
 
-  // Daten laden und den Chart erstellen
+  // Daten laden und den TDR-Chart erstellen
-  const loadChartData = () => {
+  const loadTDRChartData = () => {
     const slot = slotIndex;
-    const fileData = `../cpl?4000values/slot${slot}.json`; // Je nach Slot wird die entsprechende Datei geladen
+    const fileData = `../cpl?lastTDR/slot${slot}.json`; // TDR-Daten je nach Slot laden
 
     fetch(fileData)
       .then((response) => response.json())
       .then((data) => {
         setChartData(data); // Daten setzen
-        createChart(data);
+        createTDRChart(data); // Chart für TDR-Messung erstellen
-        console.log("Messkurvendaten geladen:", data);
       })
       .catch((error) => {
-        console.error("Fehler beim Laden der Messkurvendaten:", error);
+        console.error("Fehler beim Laden der TDR-Messkurvendaten:", error);
+      });
+  };
+
+  // Daten laden und den Schleifenmessungs-Chart erstellen
+  const loadLoopChartData = () => {
+    const slot = slotIndex;
+    const fileData = `../cpl?4000values/slot${slot}.json`; // Schleifenmessdaten je nach Slot laden
+
+    fetch(fileData)
+      .then((response) => response.json())
+      .then((data) => {
+        setChartData(data); // Daten setzen
+        createChart(data, "Schleifenmesskurve"); // Chart für Schleifenmessung erstellen
+      })
+      .catch((error) => {
+        console.error("Fehler beim Laden der Schleifenmesskurvendaten:", error);
       });
   };
 
@@ -112,6 +131,36 @@ function Kue705FO({
       },
     });
   };
+  // Funktion zum Erstellen des TDR-Charts
+  const createTDRChart = (dataTDR) => {
+    const ctx = document.getElementById("myChart").getContext("2d");
+
+    new Chart(ctx, {
+      type: "line",
+      data: {
+        labels: dataTDR.map((row) => row.t), // Entfernung oder Zeit auf der x-Achse
+        datasets: [
+          {
+            label: "Pegel",
+            data: dataTDR.map((row) => row.m), // Nur Pegel auf der y-Achse
+            borderColor: "#00AEEF",
+            borderWidth: 1,
+            pointBorderWidth: 0,
+            pointStyle: false,
+            fill: false,
+          },
+        ],
+      },
+      options: {
+        scales: {
+          y: {
+            type: "linear",
+            position: "left",
+          },
+        },
+      },
+    });
+  };
 
   // Funktion für die TDR-Messung
   const goTDR = () => {

public/LastTDR/slot0.json

@@ -0,0 +1 @@
+<%=KTZ0%>

public/LastTDR/slot1.json

@@ -0,0 +1 @@
+<%=KTZ1%>

public/LastTDR/slot10.json

@@ -0,0 +1 @@
+<%=KTZ10%>

public/LastTDR/slot11.json

@@ -0,0 +1 @@
+<%=KTZ11%>

public/LastTDR/slot12.json

@@ -0,0 +1 @@
+<%=KTZ12%>

public/LastTDR/slot13.json

@@ -0,0 +1 @@
+<%=KTZ13%>

public/LastTDR/slot14.json

@@ -0,0 +1 @@
+<%=KTZ14%>

public/LastTDR/slot15.json

@@ -0,0 +1 @@
+<%=KTZ15%>

public/LastTDR/slot16.json

@@ -0,0 +1 @@
+<%=KTZ16%>

public/LastTDR/slot17.json

@@ -0,0 +1 @@
+<%=KTZ17%>

public/LastTDR/slot18.json

@@ -0,0 +1 @@
+<%=KTZ18%>

public/LastTDR/slot19.json

@@ -0,0 +1 @@
+<%=KTZ19%>

public/LastTDR/slot2.json

@@ -0,0 +1 @@
+<%=KTZ1%>

public/LastTDR/slot20.json

@@ -0,0 +1 @@
+<%=KTZ20%>

public/LastTDR/slot21.json

@@ -0,0 +1 @@
+<%=KTZ21%>

public/LastTDR/slot22.json

@@ -0,0 +1 @@
+<%=KTZ22%>

public/LastTDR/slot23.json

@@ -0,0 +1 @@
+<%=KTZ23%>

public/LastTDR/slot24.json

@@ -0,0 +1 @@
+<%=KTZ24%>

public/LastTDR/slot25.json

@@ -0,0 +1 @@
+<%=KTZ25%>

public/LastTDR/slot26.json

@@ -0,0 +1 @@
+<%=KTZ26%>

public/LastTDR/slot27.json

@@ -0,0 +1 @@
+<%=KTZ27%>

public/LastTDR/slot28.json

@@ -0,0 +1 @@
+<%=KTZ28%>

public/LastTDR/slot29.json

@@ -0,0 +1 @@
+<%=KTZ29%>

public/LastTDR/slot3.json

@@ -0,0 +1 @@
+<%=KTZ3%>

public/LastTDR/slot30.json

@@ -0,0 +1 @@
+<%=KTZ30%>

public/LastTDR/slot31.json

@@ -0,0 +1 @@
+<%=KTZ31%>

public/LastTDR/slot4.json

@@ -0,0 +1 @@
+<%=KTZ4%>

public/LastTDR/slot5.json

@@ -0,0 +1 @@
+<%=KTZ5%>

public/LastTDR/slot6.json

@@ -0,0 +1 @@
+<%=KTZ6%>

public/LastTDR/slot7.json

@@ -0,0 +1 @@
+<%=KTZ7%>

public/LastTDR/slot8.json

@@ -0,0 +1 @@
+<%=KTZ8%>

public/LastTDR/slot9.json

@@ -0,0 +1 @@
+<%=KTZ9%>