Das Chart-Tile

Das Chart-Tile ist das, zu dem Sie am häufigsten greifen werden, und es kann erheblich mehr als „Balken, Linie, Torte”. Diese Seite ist seine Referenz: die Diagrammtypen, dann der Chart-Optionen-Editor, in dem der Großteil der Möglichkeiten steckt.

Tipp

Bevor Sie zum ECharts-Option-Tile greifen, um eine Form zu bekommen, die Sie für fehlend halten — schauen Sie zuerst auf diese Seite. Radar, Scatter, Treemap, Sunburst und Wasserfall sind alle eingebaut, und die eingebauten Varianten erben das App-Theme, unterstützen bedingte Formatierung und bleiben für den editierbar, der Ihre App erbt.

Diagrammtypen

Wählen Sie den Typ im ⚙-Editor des Tiles. Das Menü gruppiert sie:

Gruppe	Typen
Balken	Balken, Gestapelte Balken, Wasserfall
Linien	Linie, Gestapelte Linie, Fläche, Gestapelte Fläche
Proportional	Torte, Donut, Treemap, Sunburst
Matrix	Heatmap, Radar
Punkte	Scatter, Bubble
Geo	Karte (Choropleth — nach Land)

Ein paar sind eine Erwähnung wert:

• Wasserfall — laufende Beiträge, für eine Brücke von einer Summe zur nächsten.
• Treemap / Sunburst — Anteile mit weit mehr Kategorien, als eine Torte tragen kann; Sunburst fügt die Tiefe der Hierarchie hinzu.
• Heatmap — zwei kategoriale Achsen mit der Measure als Farbe. Zeilen auf der einen Achse, Spalten auf der anderen.
• Scatter / Bubble — siehe Scatter plottet zwei Measures.
• Karte (Choropleth) — siehe Karten gehen nach Land.

Scatter plottet zwei Measures

Geben Sie einem Scatter zwei Measures, und es plottet sie gegeneinander — die erste auf x, die zweite auf y, ein Punkt pro Zeilen-Member. Das ist die Volumen-gegen-Wert-Lesart, die ein Segment mit hohem Volumen und niedrigem Wert findet.

Bubble nimmt eine dritte Measure für den Radius.

Mit einer einzigen Measure gibt es kein Paar zum Plotten, also fällt das Diagramm darauf zurück, diese Measure über die Zeilenkategorien zu plotten.

Punkte werden mit ihrem Member-Namen beschriftet, solange die Beschriftungen noch passen. Zwei Grenzen gelten, und die zweite ist die, die üblicherweise zubeißt: höchstens 25 Punkte und höchstens 220 Zeichen Beschriftungstext insgesamt.

Das Zeichenbudget existiert, weil eine Punktzahl allein Überlappung nicht vorhersagt — Beschriftungen werden rechts neben jedem Punkt gezeichnet, was also tatsächlich kollidiert, ist ihre kombinierte Breite. Dreizehn Lagerhäuser namens Quality Warehousing and Trucking überdrucken einander lange bevor es fünfundzwanzig Filialen namens Store 6 tun.

Ein Scatter von achtzehn Job-Titeln wie Store Assistant Manager zeichnet also gar keine Beschriftungen — achtzehn liegt unter der Punktgrenze, aber die Titel laufen weit über 220 Zeichen hinaus. Das ist kein Bug; das ist das Tile, das entscheidet, dass sich der Tooltip besser liest. Kürzen Sie die Member-Captions, wenn Sie die Beschriftungen zurückwollen.

Karten gehen nach Land

Das Choropleth löst die Caption jeder Zeile gegen eine Weltländer-Basiskarte auf. Gängige Aliase (USA, UK) werden automatisch gematcht.

Subnationale Namen — US-Bundesstaaten, Landkreise, Postleitzahlen — werden sich nicht platzieren, weil es dafür keine Basiskarte gibt. Matchen manche Zeilen nicht, sagt das Tile es über dem Diagramm:

1 of 16 categories matched the country map (no match: Illinois, Michigan, Minnesota, +12 more). This map plots countries — sub-national names won’t place.

Achtung

Achten Sie auf einen Namen, der die falsche Form matcht. Ein Cube mit einem US-Bundesstaat namens Georgia wird Georgia das Land einfärben. Der Abdeckungshinweis ist das Signal zum Nachprüfen: Sieht das Verhältnis falsch aus, ist die Karte das falsche Tile für dieses Level.

Unter Chart-Optionen bekommt eine Karte eine Farbrampe (Blues, Greens, Reds, Viridis, Diverging) und eine Fehlende-Daten-Wahl — ein Land leer lassen oder seine fehlende Measure als Null behandeln.

Chart-Optionen

Die Schaltfläche Chart-Optionen im ⚙-Editor („Titel, Achsen, Legende, Dual-Achse & Trend …”) öffnet den Chart-Editor. Alles hier ist pro Tile und wird mit der App persistiert.

Titel, Achsen und Legende

Diagramm-Titel, X-Achsen-Beschriftung, Y-Achsen-Beschriftung, ob die Legende erscheint und wo sie sitzt (oben / unten / links / rechts).

Farben

Eine benannte Palette — Theme-Standard, Vibrant, Cool, Warm, Earth — plus Pro-Serie-Farb-Overrides, geschlüsselt nach Serienname. Lassen Sie eine Serie unangetastet, damit die Palette sie treibt.

Hinweis

Der farbenblind-sichere Modus überschreibt, wenn ein Betrachter ihn an hat, beide zugunsten der Barrierefreiheit. Das ist Absicht: Eine Barrierefreiheits-Präferenz sticht die Palette eines Autors.

Y-Achsen — die Dual-Achsen-Rettung

Zwei Measures sehr unterschiedlicher Größenordnung auf einer Achse machen die kleinere unsichtbar: Rezept-Zählungen in den Tausenden gegen Umsatz in den Zehnermillionen drücken die Zählungen flach auf die Nulllinie.

• Auto-Dual-Achse trennt sie, wenn das Maximum einer Serie eine Größenordnung oder mehr unter der dominanten liegt.
• Pro Serie überschreibt diese Entscheidung — zwingen Sie jede Measure auf die linke oder rechte Achse.

Das ist die einzelne nützlichste Steuerung im Editor und die, die Autoren am häufigsten übersehen.

Serientyp (Combo-Diagramme)

Geben Sie einer Serie ihren eigenen Diagrammtyp — Umsatz als Balken mit einer Wachstumsraten-Linie darüber — aus Balken / Linie / Fläche / Scatter. Nur kartesische Typen; eine Torte in ein Balkendiagramm zu mischen ist nicht sinnvoll.

Trendlinie

Lineare Regression, gleitender Durchschnitt oder gewichteter gleitender Durchschnitt, mit konfigurierbarer Periode. Trendlinien rendern auf Linien- / gestapelten Linien- / Flächendiagrammen und nutzen die erste Measure-Spalte.

Sortieren und Top N

Kategorien sortieren nach der ersten Measure (aufsteigend / absteigend oder Reihenfolge der Abfrage behalten) und auf die Top 5 / 10 / 20 / 50 kürzen. Beides ist clientseitig — keine neue Abfrage — und beides persistiert mit dem Tile, die aufgeräumte Ansicht ist also das, was Ihr Publikum sieht.

Zahlenformat

Gilt für Werttext — Achsenbeschriftungen, Tooltip-Werte, Datenbeschriftungen — nicht für die Kategorieachse:

Feld	Wirkung
Präfix / Suffix	Wörtlich vorangestellt / angehängt (£, %, ms)
Dezimalstellen	Feste Nachkommastellen; leer = natürliche Präzision
Tausendertrennzeichen	Gruppierung nach Locale
Große Zahlen abkürzen	Fällt auf k / M / B / T zusammen

Lassen Sie alles leer für rohe Werte.

Referenzlinien und -bänder

Zeichnen Sie Schwellen- / Ziel-Linien über Balken-, Linien-, Flächen- und Scatter-Diagramme — eine Y-Linie ist horizontal bei einem Wert, eine X-Linie vertikal bei einem Kategorieindex — und schattieren Sie einen Zielbereich mit einem Band.

Bedingte Formatierung

Schwellenwertgetriebene Farben pro Measure, sodass Balken jenseits eines Ziels eine andere Farbe annehmen, ohne die Abfrage anzufassen.

Anomalieerkennung

Schalten Sie Anomalien erkennen ein, und das Tile markiert Ausreißerpunkte auf der Serie. Nützlich bei einem langen Trend, über den das Auge an einer einzelnen schlechten Woche vorbeirutscht.

Forecast

Schalten Sie Forecast anzeigen ein, und das Tile hängt einen projizierten Horizont an — eine gestrichelte Fortsetzung mit einem Konfidenzband — jenseits des letzten tatsächlichen Punkts.

Hinweis

Beides sind Schalter pro Tile im ⚙-Editor, neben der Abfrage. Sie beschreiben, was das Tile zeichnet, also reisen sie mit der App.

Cross-Filter beim Aufziehen

Haken Sie Cross-Filter beim Aufziehen senden an, und das Aufziehen eines Bereichs auf diesem Diagramm filtert die anderen Tiles der Seite auf diese Member. Das Quell-Tile behält seinen vollen Kontext, damit Sie sehen, wo die Auswahl liegt; Esc löscht sie.

Das ist der schnellste Weg, eine Seite eher wie eine Anwendung als wie einen Report wirken zu lassen: ein Trend-Diagramm oben, zwei Wochen aufziehen, und der Rest der Seite folgt.

Auto-Refresh

Jedes abfragegebundene Tile — nicht nur Charts — kann sich in einem Intervall selbst neu ausführen: 1, 5, 15, 30 oder 60 Minuten. Aktive Filter werden bei jedem Lauf beachtet, und der Timer pausiert, während der Browser-Tab verborgen ist, sodass ein Wanddisplay den Server nicht im Hintergrund hämmert.

Verwandt

• Seiten & Tiles bauen — die Tile-Typen und wie das Binden funktioniert.
• Custom Tiles — die deklarativen Renderer für Formen, die diese sechzehn nicht abdecken.
• Design & Theming — Charts malen aus den Tokens der App.