Skip to content
CHARTS · COMPLETE

SunburstChart

Show a hierarchy as concentric rings.

Show a hierarchy as concentric rings, where each ring is one level and the width of an arc follows the value.

Why it helps

  • Hierarchy in rings
  • Arc size by value
  • Compact

Where it fits

  • Costs by category
  • File sizes
  • Org shares

Example

<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)])])
    ];
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Part of RayCraft Complete.

All controls ยท Documentation