tdrChartData und loopMeasurementCurveChartData in einem Redux Slice kabelueberwachung für bessere Struktur
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user