diff --git a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx b/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx index 82ac7a6..c99f5d2 100644 --- a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx +++ b/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx @@ -108,9 +108,20 @@ const LoopMeasurementChart = () => { const handleBrushChange = useCallback( ({ startIndex, endIndex }) => { - dispatch(setBrushRange({ startIndex, endIndex })); + dispatch( + setBrushRange({ + startIndex, + endIndex, + startDate: new Date(formatierteDaten[startIndex].zeit) + .toISOString() + .split("T")[0], + endDate: new Date(formatierteDaten[endIndex].zeit) + .toISOString() + .split("T")[0], + }) + ); }, - [dispatch] + [dispatch, formatierteDaten] ); return ( @@ -160,6 +171,7 @@ const LoopMeasurementChart = () => { onChange={handleBrushChange} startIndex={brushRange.startIndex} endIndex={brushRange.endIndex || formatierteDaten.length - 1} + tickFormatter={(zeit) => new Date(zeit).toLocaleDateString()} // Datum statt Zahl /> diff --git a/config/webVersion.ts b/config/webVersion.ts index 69cda3d..84a139f 100644 --- a/config/webVersion.ts +++ b/config/webVersion.ts @@ -6,5 +6,5 @@ 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen). */ -const webVersion = "1.6.120"; +const webVersion = "1.6.121"; export default webVersion; diff --git a/redux/slices/brushSlice.ts b/redux/slices/brushSlice.ts index c43b02c..0ee2e3b 100644 --- a/redux/slices/brushSlice.ts +++ b/redux/slices/brushSlice.ts @@ -6,11 +6,15 @@ const brushSlice = createSlice({ initialState: { startIndex: 0, endIndex: 0, + startDate: null, + endDate: null, }, reducers: { setBrushRange(state, action) { state.startIndex = action.payload.startIndex; state.endIndex = action.payload.endIndex; + state.startDate = action.payload.startDate || state.startDate; + state.endDate = action.payload.endDate || state.endDate; }, }, });