All Demos / Sunburst Chart / Drill Down

Blazor Sunburst Chart Drill Down 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 Book Sales and Publications Volume (in Thousands of Units) across major reading categories, age demographics, genres, and specific book editions.

In this example, you can see how to render and configure a sunburst chart with drill-down functionality and asymmetric hierarchical depths creating a dynamic sun flare shape. Key features demonstrated here include:

  • SunburstDrillSettings with Enable set to true enabling click-to-expand drill navigation
  • ShowBreadcrumbs set to true rendering an interactive breadcrumb trail at the top of the chart to navigate back to parent levels
  • Uneven hierarchical branches (ranging from 2 levels for Magazines up to 4 levels for Children's and Fiction) mimicking natural hierarchical variations
  • SunburstLegendSettings positioned at the Right with toggle capabilities
  • LabelRotationMode set to Angle so radial text remains readable as you drill down and back up
  • EnableAnimation with AnimationType set to Rotation for animated transitions between hierarchical depths
  • A custom Palette aligned to the active theme to color primary book categories consistently

Tooltip is enabled in this example. To see tooltip details, hover over or tap on a segment. Click any slice to drill into its sub-tree, and click the breadcrumbs to drill back up.

More information about the sunburst chart drill-down can be found in this documentation section.