refactor: Umbenennung von 'chartData' in Redux kabelueberwachung Slice zu 'loopMeasurementCurveChartData' für bessere Klarheit
Die Variable 'chartData' wurde in 'loopMeasurementCurveChartData' umbenannt, um den Inhalt und Zweck der Daten klarer zu definieren. Diese Änderung verbessert die Lesbarkeit und Wartbarkeit des Codes, indem sie die Bedeutung der Variablen präziser beschreibt.
This commit is contained in:
@@ -9,14 +9,16 @@ const TDRChart: React.FC = () => {
|
||||
const chartInstance = useRef<Chart | null>(null);
|
||||
|
||||
// TDR-Daten aus dem Redux Store selektieren
|
||||
const chartData = useSelector((state: any) => state.tdrChartData.data);
|
||||
const loopMeasurementCurveChartData = useSelector(
|
||||
(state: any) => state.tdrChartData.data
|
||||
);
|
||||
|
||||
useEffect(() => {
|
||||
// Importiere und registriere das Zoom-Plugin innerhalb des useEffect-Hooks
|
||||
import("chartjs-plugin-zoom").then((zoomPlugin) => {
|
||||
Chart.register(...registerables, zoomPlugin.default);
|
||||
|
||||
if (chartRef.current && chartData.length > 0) {
|
||||
if (chartRef.current && loopMeasurementCurveChartData.length > 0) {
|
||||
if (chartInstance.current) {
|
||||
chartInstance.current.destroy();
|
||||
}
|
||||
@@ -29,7 +31,7 @@ const TDRChart: React.FC = () => {
|
||||
datasets: [
|
||||
{
|
||||
label: "TDR Entfernung (km)",
|
||||
data: chartData,
|
||||
data: loopMeasurementCurveChartData,
|
||||
borderColor: "rgba(255, 99, 132, 1)",
|
||||
backgroundColor: "rgba(255, 99, 132, 0.2)",
|
||||
tension: 0.1,
|
||||
@@ -80,7 +82,7 @@ const TDRChart: React.FC = () => {
|
||||
}
|
||||
}
|
||||
});
|
||||
}, [chartData]);
|
||||
}, [loopMeasurementCurveChartData]);
|
||||
|
||||
return (
|
||||
<div>
|
||||
|
||||
Reference in New Issue
Block a user