Diagram

Complete

Flussdiagramme und Organigramme, als SVG gezeichnet. Kästen werden automatisch in Ebenen aus ihren Verbindungen platziert oder an den von Ihnen angegebenen X und Y. Mit Editable zieht der Benutzer Kästen oder bewegt sie mit den Pfeiltasten. Jede Verbindung steht auch als Text für Screenreader zur Verfügung.

Beispiel

Parameter

Parameter	Typ	Beschreibung
`Class`	`string`	Zusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
`Direction`	`DiagramDirection`	TopDown oder LeftRight.
`Edges`	`IEnumerable<DiagramEdge>`	Elemente vom Typ DiagramEdge(from, to, text), die Knoten-IDs verbinden.
`Editable`	`bool`	Lässt den Benutzer Kästen verschieben.
`Height`	`Double`	Maximale Höhe des Rasterkörpers, zum Beispiel 24rem (Standard 28rem mit VirtualScroll).
`Label`	`string`	Sichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo).
`LevelSpacing`	`Double`	Abstand zwischen Ebenen.
`Nodes`	`IEnumerable<DiagramNode>`	Elemente vom Typ DiagramNode(id, text, shape, x, y, accent). Formen: Process, Decision, Data, Terminal.
`NodeSpacing`	`Double`	Abstand zwischen Kästen derselben Ebene.
`NodeWidth`	`Double`	Breite jedes Kastens.
`ShowDataLabels`	`bool`	Schreibt den Wert an jede Markierung (Balken, Linienpunkte, Kreissegmente).
`ShowExport`	`bool`	Fügt Schaltflächen hinzu, die das Diagramm als PNG- oder SVG-Bild speichern.
`ShowLegend`	`bool`	Zeigt die anklickbare Legende.
`Style`	`string`	Inline-Stil, der dem Wurzelelement hinzugefügt wird.
`ValueFormat`	`string`	Zahlenformat für Achse und QuickInfos, z. B. N0 oder P1.
`Width`	`Double`	Skeleton: jede CSS-Länge. Charts: Zeichenbreite in SVG-Einheiten (das Diagramm skaliert weiterhin mit seinem Container).

Ereignisse

Ereignis	Typ	Beschreibung
`OnNodeMoved`	`EventCallback<DiagramNodeMove>`	Wird mit der Id und der neuen Position eines verschobenen Kastens ausgelöst.

Paket

Diagram gehört zu RayCraft Complete. Paket: RayCraft.Blazor.Complete. Es stammt aus dem privaten RayCraft-Feed und erfordert eine aktive Lizenz. Siehe Erste Schritte.

Feedback sendenVersion 1.0.3