Fix: Preserve chart state during zoom, pan, and date changes

- Added React.useMemo to memoize chartData and chartOptions to prevent unnecessary re-renders.
- Ensured chart zoom and pan states are maintained during interactions.
- Improved performance and user experience by avoiding chart

components/main/analogInputs/AnalogInputsChart.tsx

@@ -3,9 +3,11 @@
 import React, { useEffect, useRef } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { RootState, AppDispatch } from "@/redux/store";
-import { Line } from "react-chartjs-2";
-import { Chart } from "chart.js";
+import { Line, ChartJSOrUndefined } from "react-chartjs-2";
 import {
+  Chart as ChartJS,
+  LineElement,
+  PointElement,
   CategoryScale,
   LinearScale,
   Tooltip,
@@ -28,11 +30,20 @@ import { getColor } from "@/utils/colors";
 import AnalogInputsDatePicker from "./AnalogInputsDatePicker";
 
 // ✅ Nur die Basis-ChartJS-Module registrieren
-Chart.register(CategoryScale, LinearScale, Tooltip, Legend, Filler, TimeScale);
+ChartJS.register(
+  LineElement,
+  PointElement,
+  CategoryScale,
+  LinearScale,
+  Tooltip,
+  Legend,
+  Filler,
+  TimeScale
+);
 
 export default function AnalogInputsChart() {
   const dispatch = useDispatch<AppDispatch>();
-  const chartRef = useRef<any>(null);
+  const chartRef = useRef<ChartJSOrUndefined<"line"> | null>(null);
 
   // Redux Werte für Chart-Daten
   const { zeitraum, vonDatum, bisDatum, data, autoLoad, selectedId } =
@@ -281,7 +292,7 @@ export default function AnalogInputsChart() {
   useEffect(() => {
     if (typeof window !== "undefined") {
       import("chartjs-plugin-zoom").then((module) => {
-        Chart.register(module.default);
+        ChartJS.register(module.default);
       });
     }
   }, []);