feat: Zeitraum einstellbar in AnalogInputsChart mit Zoom- und Pan-Funktion umgesetzt

docs/components/main/analogInputs/AnalogInputsChart.md

@@ -0,0 +1,51 @@
+<!-- /docs/components/main/analogInputs/AnalogInputsChart.md -->
+
+# 📈 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:
+
+```env
+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.