Tegn flytskjemaer og organisasjonskart som SVG. Bokser plasseres automatisk i nivåer ut fra forbindelsene sine, eller på posisjonene du oppgir.
Hvorfor det hjelper
- Automatisk layout
- Flyt- og organisasjonskart
- Posisjoner automatiske eller manuelle
Hvor det passer
- Prosesser
- Organisasjonskart
- Arbeidsflyter
Eksempel
<Diagram Label="Company structure" Direction="DiagramDirection.TopDown" NodeWidth="150" Nodes="_nodes" Edges="_edges" />
@code {
private readonly DiagramNode[] _nodes =
[
new("ceo", "Chief Executive Officer", Accent: 0),
new("cto", "Technology", Accent: 1),
new("cfo", "Finance", Accent: 2),
new("coo", "Operations", Accent: 3),
new("dev", "Development"),
new("qa", "Quality"),
new("acc", "Accounting"),
new("log", "Logistics"),
new("sup", "Support")
];
private readonly DiagramEdge[] _edges =
[
new("ceo", "cto"), new("ceo", "cfo"), new("ceo", "coo"),
new("cto", "dev"), new("cto", "qa"),
new("cfo", "acc"),
new("coo", "log"), new("coo", "sup")
];
}Et kort utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Del av RayCraft Complete.