Messkurve für Schleife und TDR auf 90% maximieren

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

@@ -4,7 +4,7 @@ import { useSelector } from "react-redux";
 import { Chart, registerables } from "chart.js";
 import "chartjs-adapter-date-fns";
 
-const TDRChart: React.FC = () => {
+const TDRChart: React.FC<{ isFullScreen: boolean }> = ({ isFullScreen }) => {
   const chartRef = useRef<HTMLCanvasElement>(null);
   const chartInstance = useRef<Chart | null>(null);
 
@@ -85,8 +85,8 @@ const TDRChart: React.FC = () => {
   }, [tdrChartData]);
 
   return (
-    <div>
-      <canvas ref={chartRef} style={{ width: "100%", height: "20rem" }} />
+    <div style={{ width: "100%", height: isFullScreen ? "100%" : "20rem" }}>
+      <canvas ref={chartRef} style={{ width: "100%", height: "100%" }} />
     </div>
   );
 };