All Demos / Sunburst Chart / Legend

Blazor Sunburst Chart Legend Example

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT

This Blazor Sunburst Chart example visualizes Global Workforce and Talent Distribution (in Thousands of Employees) across international delivery hubs (USA, India, Germany, and UK) grouped by organizational department and specialized job roles.

In this example, you can see how to render and configure a sunburst chart with an interactive legend and asymmetric, multi-depth branch structures resembling a sun flare. Key features demonstrated here include:

  • SunburstLegendSettings with Visible set to true and Position set to Top for a clear regional legend
  • ToggleVisibility set to true allowing interactive hiding and showing of regional branches
  • Asymmetric depth across branches (some branches reach 4 levels deep while others stay at 2 or 3 levels) creating a distinct sunburst flare silhouette
  • SunburstDataLabelSettings with LabelRotationMode set to Angle and LabelOverflowMode set to Trim for readable curved labels
  • SunburstTooltipSettings with EnableHighlight providing clean hovered segment context
  • A custom Palette aligned to the active theme to color regional sectors consistently

Tooltip is enabled in this example. To see tooltip details, hover over or tap on a segment. Click a legend item to toggle its visibility.

More information about the sunburst chart legend can be found in this documentation section.