WIP:DatePicker in Messkurven

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

@@ -206,7 +206,21 @@ const LoopMeasurementChart = () => {
               const date = new Date(zeit);
               return `${date.getDate()}.${date.getMonth() + 1}`;
             }}
-            tick={{ angle: -25, dy: 5 }} // Dreht die Labels für bessere Übersicht
+            tick={(props) => {
+              const { x, y, payload } = props;
+              const date = new Date(payload.value);
+              return (
+                <text
+                  x={x}
+                  y={y}
+                  dy={5}
+                  textAnchor="end"
+                  transform={`rotate(-25, ${x}, ${y})`}
+                >
+                  {`${date.getDate()}.${date.getMonth() + 1}`}
+                </text>
+              );
+            }} // Dreht die Labels für bessere Übersicht
           />
 
           <YAxis

config/webVersion.ts

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

redux/slices/variablesSlice.ts

@@ -3,6 +3,7 @@ import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 
 // Typ für den State
 export interface VariablesState {
+  selectedChartData: any;
   kueBezeichnungen: string[];
   isolationsgrenzwerte: number[];
   verzoegerung: number[];
@@ -40,6 +41,7 @@ export interface VariablesState {
 
 // Initialer Zustand
 const initialState: VariablesState = {
+  selectedChartData: null,
   kueBezeichnungen: [],
   isolationsgrenzwerte: [],
   verzoegerung: [],
@@ -79,6 +81,9 @@ const variablesSlice = createSlice({
   name: "variables",
   initialState,
   reducers: {
+    setSelectedChartData(state, action: PayloadAction<any>) {
+      state.selectedChartData = action.payload;
+    },
     setVariable(
       state,
       action: PayloadAction<{
@@ -99,6 +104,7 @@ const variablesSlice = createSlice({
   },
 });
 
-export const { setVariable, setVariables } = variablesSlice.actions;
+export const { setSelectedChartData, setVariable, setVariables } =
+  variablesSlice.actions;
 
 export default variablesSlice.reducer;

utils/colors.ts

@@ -1,4 +1,4 @@
-const tailwindColors = {
+const tailwindColors: Record<string, string> = {
   "littwin-blue": "#00AEEF", // Hier alle Tailwind-Farben manuell eintragen
 };