Diagram

Complete

Rutediagrammer og organisationsdiagrammer tegnet som SVG. Bokse placeres automatisk i niveauer ud fra deres forbindelser eller på de X og Y, du angiver. Med Editable trækker brugeren bokse eller flytter dem med piletasterne. Hver forbindelse er også tilgængelig som tekst til skærmlæsere.

Eksempel

Parametre

Parameter	Type	Beskrivelse
`Class`	`string`	Ekstra CSS-klasser, der tilføjes til rodelementet.
`Direction`	`DiagramDirection`	TopDown eller LeftRight.
`Edges`	`IEnumerable<DiagramEdge>`	Elementer af typen DiagramEdge(from, to, text), der forbinder knude-id'er.
`Editable`	`bool`	Lader brugeren flytte bokse.
`Height`	`Double`	Maksimal højde på gitterets brødtekst, for eksempel 24rem (standard 28rem med VirtualScroll).
`Label`	`string`	Synlig etikettekst (diagrammer: tilgængeligt navn; IconButton: tilgængeligt navn og værktøjstip).
`LevelSpacing`	`Double`	Afstand mellem niveauer.
`Nodes`	`IEnumerable<DiagramNode>`	Elementer af typen DiagramNode(id, text, shape, x, y, accent). Former: Process, Decision, Data, Terminal.
`NodeSpacing`	`Double`	Afstand mellem bokse på ét niveau.
`NodeWidth`	`Double`	Bredden på hver boks.
`ShowDataLabels`	`bool`	Skriver værdien på hver markering (søjler, linjepunkter, cirkeludsnit).
`ShowExport`	`bool`	Tilføjer knapper, der gemmer diagrammet som PNG- eller SVG-billede.
`ShowLegend`	`bool`	Viser den klikbare signaturforklaring.
`Style`	`string`	Indlejret typografi, der tilføjes til rodelementet.
`ValueFormat`	`string`	Talformat til akse og værktøjstips, f.eks. N0 eller P1.
`Width`	`Double`	Skeleton: en vilkårlig CSS-længde. Charts: tegnebredde i SVG-enheder (diagrammet tilpasses stadig sin beholder).

Hændelser

Hændelse	Type	Beskrivelse
`OnNodeMoved`	`EventCallback<DiagramNodeMove>`	Udløses med id og ny position for en flyttet boks.

Pakke

Diagram er en del af RayCraft Complete. Pakke: RayCraft.Blazor.Complete. Den hentes fra RayCrafts private feed og kræver en aktiv licens. Se Kom i gang.

Send feedbackVersion 1.0.3