Sechs Vorschläge gegen das Endlos-Scrollen der horizontalen Balkendiagramme (Used TCODE / Reference Model Drilldown).
Jeder Draft ist ein lauffähiges Mockup im App-Dark-Theme mit echten Daten — Aufklappen, Scrollen, Sortieren, Suche und Toggles funktionieren direkt hier in der Vorschau.
Initial nur die Top 9, der Rest als maßstabsgetreuer Σ-Balken zum Aufklappen.
Chart bleibt unter 600 px hoch, Balken behalten volle Dicke. Suche wirkt auch auf eingeklappte Kategorien; „Auf Top 9 reduzieren" stellt den Kompaktzustand wieder her.
Aufwand: TrivialDaten-Slicing vor setOption — kein neues ECharts-Feature nötig
Chart fix 650 px hoch, zeigt konstant 12 Kategorien; Minimap rechts zeigt den Gesamtdatensatz.
Mausrad, Ziehen, Tastatur. Kein Scroll-Gefängnis: am Datenende läuft das Rad an die Seite durch. Zähler „1–12 von 34" + Fade-Kanten signalisieren Restmenge.
Aufwand: KleinNatives dataZoom (slider + inside) auf der Kategorie-Achse
Eine 30-px-Zeile pro Kategorie: Inline-Balken + exakte Zahlen, sortierbar, durchsuchbar.
31 Kategorien in einer 700-px-Karte. Ausreißer-Kappung mit »-Marker, Umschalter Absolut/Normiert. Ranking per Klick statt Scroll-Vergleich.
Aufwand: KleinReines Angular-Template + CSS — oder ag-grid cellRenderer (bereits im Projekt)
Alle Kategorien gleichzeitig in fester 700-px-Fläche: Fläche = Menge, Farbe = Nutzungsgrad.
„Wo liegt viel ungenutztes Volumen?" auf einen Blick. Tooltip liefert exakte Werte, Toggle behält die vertraute Balkensicht als Rückfalloption.
Aufwand: MittelNatives series.type treemap; Toggle per setOption(notMerge)
39 Kategorien im Zeitungslayout über 3 Spalten — Seitenhöhe gedrittelt, Monitorbreite genutzt.
Gemeinsame, pro Spalte wiederholte Skala; P95-Cap mit „▸2000"-Marker entschärft den Ausreißer. Responsiv 3→2→1 Spalten.
Aufwand: MittelEine ECharts-Option mit 3 grid-Instanzen (gridIndex), Chunking via ResizeObserver
Die kompakten Tabellenzeilen aus #3 in einem festen ~700-px-Fenster, navigiert über die Minimap aus #2.
Sortierung, Suche und Absolut/Normiert bleiben; die Minimap zeigt den GESAMTEN Datensatz als Miniatur, ist zugleich Scrollbar (ziehen/klicken/Mausrad/Tastatur) und zeichnet bei Sortierung und Suche live mit. Zähler + Fade-Kanten + „N weitere"-Pill wie in #2.
Aufwand: Klein–MittelAngular-Template + Canvas-Minimap (~100 Zeilen), kein ECharts nötig