SunburstChart

Visa en hierarki som koncentriska ringar, där varje ring är en nivå och bågens bredd följer värdet.

Varför det hjälper

• Hierarki i ringar
• Bågstorlek efter värde
• Kompakt

Var det passar

• Kostnader per kategori
• Filstorlekar
• Andelar i organisationen

Exempel

<SunburstChart Label="Sales by region" ShowDataLabels="true" Nodes="_nodes" />

@code {
    private readonly SunburstNode[] _nodes =
    [
        new("Europe", 0, [new("Germany", 40), new("France", 30), new("Bulgaria", 12)]),
        new("Americas", 0, [new("USA", 60), new("Brazil", 20)]),
        new("Asia", 0, [new("Japan", 35, null), new("India", 0, [new("North", 12), new("South", 14)])])
    ];
}

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Del av RayCraft Complete.

Alla kontroller · Dokumentation