Lösungsquoten-Chart

Horizontales Balkendiagramm zur Darstellung von Lösungsquoten mit optionalen Vergleichslinien. Unterstützt einen einfachen Modus (ein Balken pro Zeile) und einen gruppierten Modus (mehrere Balken pro Zeile).

---

Screenshot

---

API-Bezug

Die Daten stammen typischerweise aus:

GET /groups/{id}/aggregations?aggregation=competence
GET /groups/{id}/aggregations?aggregation=exercise

Das Mapping:

Komponenten-Feld	API-Feld
Gruppenname	value (z.B. "Lesen")
Balkenwert	descriptiveStatistics.mean
Vergleichswert	comparison[].descriptiveStatistics.mean

---

Farblogik

Situation	Farbe
Wert über allen Vergleichswerten	Grün
Wert unter allen Vergleichswerten	Rot
Wert zwischen Vergleichswerten	Orange
Kein Vergleichswert vorhanden	Grau

---

Darstellungsmodi

• Einfacher Modus (ein Balken pro Gruppe): Rendert semantisches HTML ohne ECharts -- leichtgewichtig und barrierefrei
• Gruppierter Modus (mehrere Balken pro Gruppe): Nutzt ECharts Custom Series

Die Vergleichslinie wird als vertikale Linie mit Beschriftung dargestellt.

---

Übernahme

• Komponente: SolutionRateChartComponent (Selektor: app-solution-rate-chart)
• Input: groups (required) -- Array von Gruppen mit Balken und optionalem Vergleichswert

<app-solution-rate-chart [groups]="solutionRateGroups" />

Jede Gruppe hat:

• name -- Zeilenbezeichnung
• bars -- Array mit name und value (0-1)
• comparison -- optionaler Vergleichswert (0-1)
• comparisonLabel -- Label für die Vergleichslinie