From 52d76a8a44eab1b7653421468343658675795810 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Wed, 2 Apr 2025 10:40:22 +0200
Subject: [PATCH] Schleifenmessung style

---
 .../LoopMeasurementChart.tsx                  | 36 ++++++++++++-------
 config/webVersion.ts                          |  2 +-
 2 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx b/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx
index 8344192..d1b941f 100644
--- a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx
+++ b/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx
@@ -28,7 +28,7 @@ ChartJS.register(
   Legend,
   Filler
 );
-
+import { getColor } from "../../../../../../utils/colors";
 const usePreviousData = (data: any[]) => {
   const ref = useRef<any[]>([]);
   useEffect(() => {
@@ -90,34 +90,42 @@ const LoopMeasurementChart = () => {
             label: "Messwert Minimum",
             data: loopMeasurementCurveChartData.map((e) => e.i).reverse(),
             borderColor: "lightgrey",
-            borderWidth: 1,
-            fill: false,
+            borderWidth: 2,
+            // fill: false,
             pointRadius: 0,
+            pointHoverRadius: 10,
+            tension: 0.1,
           },
           selectedMode === "DIA0"
             ? {
                 label: "Messwert",
                 data: loopMeasurementCurveChartData.map((e) => e.m).reverse(),
-                borderColor: "#00AEEF",
+                borderColor: getColor("littwin-blue"),
                 borderWidth: 2,
-                fill: false,
-                pointRadius: 2,
+                // fill: false,
+                pointRadius: 0,
+                pointHoverRadius: 10,
+                tension: 0.1,
               }
             : {
                 label: "Messwert Durchschnitt",
                 data: loopMeasurementCurveChartData.map((e) => e.g).reverse(),
-                borderColor: "#00AEEF",
+                borderColor: getColor("littwin-blue"),
                 borderWidth: 2,
-                fill: false,
-                pointRadius: 2,
+                // fill: false,
+                pointRadius: 0,
+                pointHoverRadius: 10,
+                tension: 0.1,
               },
           {
             label: "Messwert Maximum",
             data: loopMeasurementCurveChartData.map((e) => e.a).reverse(),
             borderColor: "lightgrey",
-            borderWidth: 1,
-            fill: false,
+            borderWidth: 2,
+            // fill: false,
             pointRadius: 0,
+            pointHoverRadius: 10,
+            tension: 0.1,
           },
         ],
       };
@@ -127,7 +135,11 @@ const LoopMeasurementChart = () => {
         maintainAspectRatio: false,
         plugins: {
           legend: { position: "top" as const },
-          tooltip: { mode: "index" as const, intersect: false },
+          tooltip: {
+            yAlign: "bottom", // Tooltip oberhalb des Punktes
+            mode: "index" as const,
+            intersect: false,
+          },
           zoom: {
             pan: { enabled: true, mode: "x" as const },
             zoom: {
diff --git a/config/webVersion.ts b/config/webVersion.ts
index 68c5948..3ec4e87 100644
--- a/config/webVersion.ts
+++ b/config/webVersion.ts
@@ -6,5 +6,5 @@
 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
 
 */
-const webVersion = "1.6.202";
+const webVersion = "1.6.203";
 export default webVersion;