TDRChart

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

@@ -4,6 +4,7 @@ import { RootState } from "../../../../../../redux/store";
 import { useSelector } from "react-redux";
 import { Chart, registerables } from "chart.js";
 import "chartjs-adapter-date-fns";
+import { getColor } from "../../../../../../utils/colors";
 
 // 🟢 **Prop-Typ für isFullScreen hinzufügen**
 interface TDRChartProps {
@@ -42,8 +43,9 @@ const TDRChart: React.FC = () => {
                 {
                   label: "TDR Entfernung (km)",
                   data: tdrChartData,
-                  borderColor: "rgba(255, 99, 132, 1)",
-                  backgroundColor: "rgba(255, 99, 132, 0.2)",
+                  borderColor: getColor("littwin-blue"), // Nutzt automatisch die Tailwind-Farbe
+                  borderWidth: 0.5,
+                  //backgroundColor: getColor("littwin-blue"),
                   tension: 0.1,
                   parsing: {
                     xAxisKey: "t", // Schlüssel für den Zeitstempel
@@ -95,7 +97,7 @@ const TDRChart: React.FC = () => {
   }, [tdrChartData]);
 
   return (
-    <div style={{ width: "100%", height: isFullScreen ? "100%" : "20rem" }}>
+    <div style={{ width: "100%", height: isFullScreen ? "90%" : "28rem" }}>
       <canvas ref={chartRef} style={{ width: "100%", height: "100%" }} />
     </div>
   );