Diagram

Complete

Flytskjemaer og organisasjonskart tegnet som SVG. Bokser plasseres automatisk i nivåer ut fra forbindelsene, eller på de X og Y du oppgir. Med Editable drar brukeren bokser eller flytter dem med piltastene. Hver forbindelse er også tilgjengelig som tekst for skjermlesere.

Eksempel

Parametere

Parameter	Type	Beskrivelse
`Class`	`string`	Ekstra CSS-klasser som legges til rotelementet.
`Direction`	`DiagramDirection`	TopDown eller LeftRight.
`Edges`	`IEnumerable<DiagramEdge>`	Elementer av typen DiagramEdge(from, to, text) som knytter node-id-er.
`Editable`	`bool`	Lar brukeren flytte bokser.
`Height`	`Double`	Maksimal høyde på rutenettets brødtekst, for eksempel 24rem (standard 28rem med VirtualScroll).
`Label`	`string`	Synlig etikettekst (diagrammer: tilgjengelig navn; IconButton: tilgjengelig navn og verktøytips).
`LevelSpacing`	`Double`	Avstand mellom nivåer.
`Nodes`	`IEnumerable<DiagramNode>`	Elementer av typen DiagramNode(id, text, shape, x, y, accent). Former: Process, Decision, Data, Terminal.
`NodeSpacing`	`Double`	Avstand mellom bokser på ett nivå.
`NodeWidth`	`Double`	Bredden på hver boks.
`ShowDataLabels`	`bool`	Skriver verdien på hver markering (søyler, linjepunkter, sirkelsektorer).
`ShowExport`	`bool`	Legger til knapper som lagrer diagrammet som PNG- eller SVG-bilde.
`ShowLegend`	`bool`	Viser den klikkbare tegnforklaringen.
`Style`	`string`	Innebygd stil som legges til rotelementet.
`ValueFormat`	`string`	Tallformat for aksen og verktøytips, f.eks. N0 eller P1.
`Width`	`Double`	Skeleton: en hvilken som helst CSS-lengde. Charts: tegnebredde i SVG-enheter (diagrammet tilpasses fortsatt beholderen).

Hendelser

Hendelse	Type	Beskrivelse
`OnNodeMoved`	`EventCallback<DiagramNodeMove>`	Utløses med id-en og den nye posisjonen til en flyttet boks.

Pakke

Diagram er en del av RayCraft Complete. Pakke: RayCraft.Blazor.Complete. Den hentes fra RayCrafts private feed og krever en aktiv lisens. Se Kom i gang.

Send tilbakemeldingVersjon 1.0.3