diff --git a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx b/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx
index e7d8f3f..8b1ea42 100644
--- a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx
+++ b/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 (
+
+ {`${date.getDate()}.${date.getMonth() + 1}`}
+
+ );
+ }} // Dreht die Labels für bessere Übersicht
/>
) {
+ 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;
diff --git a/utils/colors.ts b/utils/colors.ts
index dba7970..0dd6e9c 100644
--- a/utils/colors.ts
+++ b/utils/colors.ts
@@ -1,4 +1,4 @@
-const tailwindColors = {
+const tailwindColors: Record = {
"littwin-blue": "#00AEEF", // Hier alle Tailwind-Farben manuell eintragen
};