diff --git a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx b/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx index cc59b86..33b55fb 100644 --- a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx +++ b/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx @@ -3,6 +3,9 @@ import React, { useEffect, useRef } from "react"; import { useSelector } from "react-redux"; import Chart from "chart.js/auto"; import "chartjs-adapter-moment"; +import zoomPlugin from "chartjs-plugin-zoom"; // Zoom-Plugin importieren + +Chart.register(zoomPlugin); // Plugin registrieren const LoopMeasurementChart = () => { const chartRef = useRef(null); @@ -139,7 +142,7 @@ const LoopMeasurementChart = () => { autoSkip: false, maxRotation: 45, minRotation: 45, - callback: function (value, index, values) { + callback: function (value) { const date = new Date(value); return `${date.getDate().toString().padStart(2, "0")}.${( date.getMonth() + 1 @@ -179,6 +182,21 @@ const LoopMeasurementChart = () => { }, }, }, + zoom: { + pan: { + enabled: true, + mode: "x", // Nur horizontal scrollen + }, + zoom: { + wheel: { + enabled: true, + }, + pinch: { + enabled: true, + }, + mode: "x", // Nur horizontal zoomen + }, + }, }, }, }); diff --git a/config/webVersion.ts b/config/webVersion.ts index f6b72f1..65b65f1 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.73"; +const webVersion = "1.6.74"; export default webVersion;