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 };