feat: Uhrzeit in Chart-Tooltips hinzugefügt

- Tooltip-Format geändert auf `dd.MM.yyyy HH:mm`, um Datum und Uhrzeit anzuzeigen
- X-Achse zeigt weiterhin nur das Datum (`dd.MM.yyyy`), aber Tooltips enthalten auch die Uhrzeit
- Tooltip `callbacks.label` angepasst, um Uhrzeit (`HH:mm`) bei Mouse-Hover zusätzlich anzuzeigen
- Sicherstellung, dass alle Linien (i, a, m, g) die korrekte Uhrzeit im Tooltip anzeigen

components/main/kabelueberwachung/kue705FO/Charts/ChartSwitcher.tsx

@@ -41,7 +41,7 @@ const ChartSwitcher: React.FC<ChartSwitcherProps> = ({ isOpen, onClose }) => {
           transform: "translate(-50%, -50%)",
           width: "100%",
           maxWidth: "70rem",
-          height: "50rem",
+          height: "35rem",
           padding: "1rem",
         },
       }}

components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx

@@ -113,8 +113,8 @@ const LoopMeasurementChart = () => {
                 type: "time",
                 time: {
                   unit: "day",
-                  tooltipFormat: "dd.MM.yyyy",
-                  displayFormats: { day: "dd.MM.yyyy" },
+                  tooltipFormat: "dd.MM.yyyy HH:mm", // Ändert das Format für Tooltips (inkl. Uhrzeit)
+                  displayFormats: { day: "dd.MM.yyyy" }, // Achse bleibt nur Datum
                 },
                 title: { display: true, text: "Zeit (Datum)" },
                 min: new Date(vonDatum).getTime(),
@@ -129,10 +129,19 @@ const LoopMeasurementChart = () => {
             plugins: {
               tooltip: {
                 callbacks: {
-                  label: (tooltipItem) =>
-                    `${tooltipItem.dataset.label}: ${tooltipItem.raw.y.toFixed(
-                      2
-                    )} kOhm`,
+                  label: (tooltipItem) => {
+                    const date = new Date(tooltipItem.raw.x);
+                    const timeString = `${date
+                      .getHours()
+                      .toString()
+                      .padStart(2, "0")}:${date
+                      .getMinutes()
+                      .toString()
+                      .padStart(2, "0")}`;
+                    return `${
+                      tooltipItem.dataset.label
+                    }: ${tooltipItem.raw.y.toFixed(2)} kOhm `;
+                  },
                 },
               },
               zoom: {

config/webVersion.ts

@@ -6,5 +6,5 @@
 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
 
 */
-const webVersion = "1.6.79";
+const webVersion = "1.6.80";
 export default webVersion;

public/CPLmockData/kuesChartData/DIA0_3.json

@@ -1,5 +1,5 @@
 [
-  { "t": "2025-03-03 11:42:00", "m": 21.0, "v": 1, "i": 11.0, "a": 31.0 },
+  { "t": "2025-03-03 11:42:02", "m": 21.0, "v": 1, "i": 11.0, "a": 31.0 },
   { "t": "2025-03-02 11:45:00", "m": 31.0, "v": 1, "i": 11.0, "a": 51.0 },
   { "t": "2025-03-01 11:48:00", "m": 21.0, "v": 1, "i": 11.0, "a": 71.0 },
   { "t": "2025-02-28 11:51:00", "m": 51.0, "v": 1, "i": 11.0, "a": 61.0 },
@@ -16,5 +16,5 @@
   { "t": "2025-02-17 12:24:00", "m": 20.0, "v": 1, "i": 18.0, "a": 51.0 },
   { "t": "2025-02-16 12:27:00", "m": 11.0, "v": 1, "i": 10.0, "a": 31.0 },
   { "t": "2025-02-15 12:30:00", "m": 11.0, "v": 1, "i": 5.0, "a": 41.0 },
-  { "t": "2025-02-14 12:33:00", "m": 11.0, "v": 1, "i": 7.0, "a": 31.0 }
+  { "t": "2025-02-14 12:43:00", "m": 11.0, "v": 1, "i": 7.0, "a": 31.0 }
 ]

public/CPLmockData/kuesChartData/DIA0_4.json

@@ -16,5 +16,5 @@
   { "t": "2025-02-16 12:24:00", "m": 20.0, "v": 1, "i": 10.0, "a": 51.0 },
   { "t": "2025-02-15 12:27:00", "m": 11.0, "v": 1, "i": 10.0, "a": 31.0 },
   { "t": "2025-02-15 12:30:00", "m": 11.0, "v": 1, "i": 5.0, "a": 41.0 },
-  { "t": "2025-02-14 12:33:00", "m": 11.0, "v": 1, "i": 7.0, "a": 51.0 }
+  { "t": "2025-02-14 10:33:00", "m": 11.0, "v": 1, "i": 7.0, "a": 51.0 }
 ]