Version 1.6.200

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

@@ -1,10 +1,10 @@
 "use client"; // /components/modules/kue705FO/charts/ChartSwitcher.tsx
+import dynamic from "next/dynamic";
 
 import React, { useState, useEffect } from "react";
 import ReactModal from "react-modal";
 import LoopChartActionBar from "./LoopMeasurementChart/LoopChartActionBar";
 import TDRChartActionBar from "./TDRChart/TDRChartActionBar";
-import LoopMeasurementChart from "./LoopMeasurementChart/LoopMeasurementChart";
 import TDRChart from "./TDRChart/TDRChart";
 import { useSelector, useDispatch } from "react-redux";
 import { AppDispatch } from "../../../../../redux/store";
@@ -31,6 +31,10 @@ const ChartSwitcher: React.FC<ChartSwitcherProps> = ({
   onClose,
   slotIndex,
 }) => {
+  const LoopMeasurementChart = dynamic(
+    () => import("./LoopMeasurementChart/LoopMeasurementChart.client"),
+    { ssr: false }
+  );
   const dispatch = useDispatch<AppDispatch>();
   const chartTitle = useSelector(
     (state: RootState) => state.loopChartType.chartTitle

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

@@ -98,7 +98,7 @@ const LoopMeasurementChart = () => {
         zoom: {
           pan: {
             enabled: true,
-            mode: "x",
+            mode: "x" as const,
           },
           zoom: {
             wheel: {
@@ -107,7 +107,7 @@ const LoopMeasurementChart = () => {
             pinch: {
               enabled: true,
             },
-            mode: "x",
+            mode: "x" as const,
           },
         },
       },
@@ -115,10 +115,10 @@ const LoopMeasurementChart = () => {
         x: {
           type: "time" as const,
           time: {
-            unit: "day",
+            unit: "day" as const,
             tooltipFormat: "dd.MM.yyyy HH:mm",
             displayFormats: {
-              day: "dd.MM", // z. B. 02.04
+              day: "dd.MM",
             },
           },
           title: {