Blazor Toolkit
Smart Axis Label

Smart axis labels automatically handle overlapping labels on the categorical axis by applying intelligent layout strategies such as trimming, wrapping, rotation, or hiding. In the Syncfusion Blazor Toolkit, this behavior is controlled using the LabelIntersectAction property of the axis. You can dynamically switch between different intersection modes to balance readability and layout density, making this feature ideal for Charts with long or densely packed category labels.

Axis Label Rotation

Axis label rotation improves readability when category labels are long or densely packed. Rotating labels prevents overlap and ensures that each category is clearly visible without truncation. In the Syncfusion Blazor Toolkit Chart, label rotation is configured using the LabelRotation property of the ChartPrimaryXAxis. This feature is commonly used in Bar and Column Charts that display categorical trade, financial, or inventory data.

Axis Label Positioning

Axis label positioning controls whether category labels are rendered inside or outside the plotting area, helping improve readability depending on available space and Chart layout. In the Syncfusion Blazor Toolkit, this behavior is configured using the LabelPosition property of the axis. You can dynamically switch between inside and outside positions, combined with rotation and intersect behavior, to achieve optimal label presentation.

Managing Edge Labels

Edge labels appear at the beginning and end positions of an axis, where they are most likely to overlap with the Chart boundary or surrounding UI. In the Syncfusion Blazor Toolkit, edge label behavior is configured using the EdgeLabelPlacement property. You can choose to hide edge labels, shift them inward, or render them normally to improve readability and layout consistency in categorical Charts.

Label Customization

Axis label customization improves Chart readability and visual clarity by allowing precise control over text appearance and orientation. In the Syncfusion Blazor Toolkit, axis labels can be styled using properties such as LabelFormat, LabelRotation, Size, FontWeight, and Color through the axis label text style settings. This is especially useful when working with dense categorical data like population or demographic Charts.

Label Trim

Label trimming is used to prevent long axis labels from overflowing or overlapping when space is limited. In the Syncfusion Blazor Toolkit Chart, label trimming is enabled using the EnableTrim property of the axis, along with MaximumLabelWidth. When enabled, labels that exceed the specified width are automatically truncated with an ellipsis, improving clarity in dense categorical Charts.

Controlling Maximum Number of Axis Labels

Limiting the number of axis labels helps prevent visual clutter when Charts display dense numeric values or wide ranges on the axis. In the Syncfusion Blazor Toolkit, this can be controlled using the MaximumLabels or MaximumLabelDensity property on the axis. These properties automatically calculate and render the most appropriate number of labels based on the available space, improving readability in dashboards and reports.

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.