Diagram
CompleteStroomdiagrammen en organigrammen getekend als SVG. Vakken worden automatisch in niveaus geplaatst op basis van hun verbindingen, of op de X en Y die u opgeeft. Met Editable sleept de gebruiker vakken of verplaatst ze met de pijltoetsen. Elke verbinding is ook als tekst beschikbaar voor schermlezers.
Voorbeeld
Parameters
| Parameter | Type | Beschrijving |
|---|---|---|
Class | string | Extra CSS-klassen die aan het hoofdelement worden toegevoegd. |
Direction | DiagramDirection | TopDown of LeftRight. |
Edges | IEnumerable<DiagramEdge> | Items DiagramEdge(from, to, text) die knooppunt-id's verbinden. |
Editable | bool | Laat de gebruiker vakken verplaatsen. |
Height | Double | Maximale hoogte van de rasterbody, bijvoorbeeld 24rem (standaard 28rem met VirtualScroll). |
Label | string | Zichtbare labeltekst (grafieken: toegankelijke naam; IconButton: toegankelijke naam en knopinfo). |
LevelSpacing | Double | Ruimte tussen niveaus. |
Nodes | IEnumerable<DiagramNode> | Items DiagramNode(id, text, shape, x, y, accent). Vormen: Process, Decision, Data, Terminal. |
NodeSpacing | Double | Ruimte tussen vakken op één niveau. |
NodeWidth | Double | Breedte van elk vak. |
ShowDataLabels | bool | Schrijft de waarde op elke markering (balken, lijnpunten, taartpunten). |
ShowExport | bool | Voegt knoppen toe die de grafiek als PNG- of SVG-afbeelding opslaan. |
ShowLegend | bool | Toont de aanklikbare legenda. |
Style | string | Inline stijl die aan het hoofdelement wordt toegevoegd. |
ValueFormat | string | Getalnotatie voor de as en knopinfo, bijv. N0 of P1. |
Width | Double | Skeleton: elke CSS-lengte. Charts: tekenbreedte in SVG-eenheden (de grafiek schaalt nog steeds mee met zijn container). |
Gebeurtenissen
| Gebeurtenis | Type | Beschrijving |
|---|---|---|
OnNodeMoved | EventCallback<DiagramNodeMove> | Geactiveerd met het id en de nieuwe positie van een verplaatst vak. |
Pakket
Diagram maakt deel uit van RayCraft Complete. Pakket: RayCraft.Blazor.Complete. Het komt uit de privéfeed van RayCraft en vereist een actieve licentie. Zie Aan de slag.
Feedback sturenVersie 1.0.3