tdrChartData und loopMeasurementCurveChartData in einem Redux Slice kabelueberwachung für bessere Struktur

This commit is contained in:
Ismail Ali
2025-02-22 16:57:40 +01:00
parent c0101b35ab
commit 9b5a502ab6
6 changed files with 46 additions and 48 deletions

View File

@@ -9,8 +9,8 @@ const TDRChart: React.FC = () => {
const chartInstance = useRef<Chart | null>(null);
// TDR-Daten aus dem Redux Store selektieren
const loopMeasurementCurveChartData = useSelector(
(state: any) => state.tdrChartData.data
const tdrChartData = useSelector(
(state: any) => state.kabelueberwachungChart.tdrChartData
);
useEffect(() => {
@@ -18,7 +18,7 @@ const TDRChart: React.FC = () => {
import("chartjs-plugin-zoom").then((zoomPlugin) => {
Chart.register(...registerables, zoomPlugin.default);
if (chartRef.current && loopMeasurementCurveChartData.length > 0) {
if (chartRef.current && tdrChartData.length > 0) {
if (chartInstance.current) {
chartInstance.current.destroy();
}
@@ -31,7 +31,7 @@ const TDRChart: React.FC = () => {
datasets: [
{
label: "TDR Entfernung (km)",
data: loopMeasurementCurveChartData,
data: tdrChartData,
borderColor: "rgba(255, 99, 132, 1)",
backgroundColor: "rgba(255, 99, 132, 0.2)",
tension: 0.1,
@@ -82,7 +82,7 @@ const TDRChart: React.FC = () => {
}
}
});
}, [loopMeasurementCurveChartData]);
}, [tdrChartData]);
return (
<div>