📈 AnalogInputsChart

Die Komponente AnalogInputsChart zeigt den Verlauf der Messwerte für einen ausgewählten analogen Eingang an. Sie nutzt react-chartjs-2 mit chart.js (inkl. TimeScale).

⚙️ Funktion

Ruft über Redux Thunk die Historie der analogen Eingänge ab
Zeigt eine Liniendiagramm-Kurve mit Zeit auf der X-Achse und Messwerten auf der Y-Achse
Berücksichtigt die Auswahl des Messwerteingangs (selectedId)

🧩 Feature-Flag: Zoom & Pan

Der Zoom- und Pan-Modus (interaktives Scrollen/Ziehen im Chart) wird über ein Feature-Flag gesteuert:

NEXT_PUBLIC_FEATURE_MESSWERTANZEIGE_EINGANG=true

Verhalten:

Wenn true: Nutzer kann in das Zeitfenster hineinzoomen und sich bewegen (pan).
Wenn false: Chart ist statisch und nur lesbar.

Technisch:

chartjs-plugin-zoom wird dynamisch nur im Browser geladen
Die Optionen für zoom und pan werden nur gesetzt, wenn das Flag aktiv ist

📦 Technologien

react-chartjs-2
chart.js mit TimeScale
chartjs-plugin-zoom (lazy import)
redux & thunks für Daten
date-fns mit deutscher Lokalisierung

🔍 Hinweise

Der Messwert-Key wird berechnet als selectedId + 99, da Backend-Daten mit Key 99, 100, usw. zurückkommen.
Wenn keine Daten vorhanden sind, wird ein entsprechender Hinweis angezeigt.
Farbschema nutzt getColor("littwin-blue") aus den Projektfarben.

1.5 KiB Raw Blame History