Blazor Sunburst Chart Legend Example
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
No data
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:
SunburstLegendSettingswithVisibleset totrueandPositionset toTopfor a clear regional legendToggleVisibilityset totrueallowing 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
SunburstDataLabelSettingswithLabelRotationModeset toAngleandLabelOverflowModeset toTrimfor readable curved labelsSunburstTooltipSettingswithEnableHighlightproviding clean hovered segment context- A custom
Palettealigned 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.