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.