Charts / Chart Axes / Multiple Level Labels

Blazor Chart with Multiple Level Labels Example.

Loading Syncfusion Blazor Server Demos…

This example demonstrates multilevel labels in the chart axis, enabling you to group axis labels into multiple layers based on defined ranges.

In this example, you can see how to group axis labels by ranges using the ChartMultiLevelLabels component. Customize each level's appearance using:

Axis labels in each level are arranged intelligently using the Overflow property with the following options:

  • Trim - Truncates labels when they intersect
  • Wrap - Wraps labels to multiple lines when they intersect
  • None - Displays all labels without modification

More information about multi-level labels can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE