style: Messwertkurven Legende und Liniern style angepasst

components/main/system/DetailModal.tsx

@@ -332,29 +332,31 @@ export const DetailModal = ({
       // Zuerst Hintergrund-Linien (Minimum/Maximum) - grau
       if (hasMinimum) {
         datasets.push({
-          label: "Minimum",
+          label: "Messwert Minimum",
           data: reduxData.map((entry) => ({
             x: new Date(entry.t).getTime(),
             y: entry.i || 0,
           })),
-          borderColor: chartColors.gray.line,
-          backgroundColor: chartColors.gray.background,
+          borderColor: "gray",
+          borderWidth: 1,
+          pointRadius: 0,
           tension: 0.1,
-          fill: false,
+          order: 1,
         });
       }
 
       if (hasMaximum) {
         datasets.push({
-          label: "Maximum",
+          label: "Messwert Maximum",
           data: reduxData.map((entry) => ({
             x: new Date(entry.t).getTime(),
             y: entry.a || 0,
           })),
-          borderColor: chartColors.gray.line,
-          backgroundColor: chartColors.gray.background,
+          borderColor: "gray",
+          borderWidth: 1,
+          pointRadius: 0,
           tension: 0.1,
-          fill: false,
+          order: 3,
         });
       }
 
@@ -370,6 +372,7 @@ export const DetailModal = ({
           backgroundColor: chartColors.littwinBlue.background,
           tension: 0.1,
           fill: false,
+          order: 2,
         });
       }
 
@@ -384,6 +387,7 @@ export const DetailModal = ({
           backgroundColor: chartColors.littwinBlue.background,
           tension: 0.1,
           fill: false,
+          order: 2,
         });
       }