Sankey

Anfragen von Schlüsseln zu Modellen zu Anbietern; einen Knoten überfahren, um seinem Weg zu folgen.

import { Sankey } from "@logicplanes/kaeso-ui";

Props

aria-label
string
Der zugängliche Name des Diagramms („Anfragen nach Modell“).
empty
boolean
Zeigt den leeren Zustand (emptyText) anstelle der Daten. Für Zeiträume ohne Daten.
emptyText
ReactNode
Was der leere Zustand sagt. Standardmäßig „Keine Daten für diesen Zeitraum“ in der Sprache des LocaleProvider.
error
ReactNode
Die Daten ließen sich nicht laden: Das Diagramm behält seine Höhe, sagt es leise und bietet „Erneut versuchen“ an. Fehler sind Toasts, daher wird der Wert nicht angezeigt; zeige die Meldung dort als Toast, wo die Anfrage fehlschlägt.
formatValue
((v: number) => string) = (v) => formatNumber(v)
Formatiert die Werte neben den Knoten und in der Datentabelle. Standard ist formatNumber.
height
number = 320
Die Höhe des Diagramms in px (standardmäßig 320).
links
SankeyLinkIn[]
Die Flüsse, jeder mit source- und target-Knoten-id und einem value.
loading
boolean
Die Daten werden geladen: Das Diagramm behält seine Höhe und zeigt einen ruhigen Ladebalken.
nodes
SankeyNodeIn[]
Die Knoten, jeder mit id und label. Die Spalten ergeben sich aus den Verbindungen.
onRetry
(() => void)
Wird aufgerufen, wenn nach error „Erneut versuchen“ gedrückt wird; ohne diese Funktion erscheint der Button nicht.