New to Telerik UI for BlazorStart a free 30-day trial

Configures rotation settings for category axis labels in ChartCategoryAxisLabels. Use this component to rotate labels when horizontal space is limited or to create visual effects. Supports automatic rotation to prevent label overlap, custom angle rotation for specific layouts, and alignment control to determine the rotation anchor point. Essential for charts with long category names or many data points where standard horizontal labels would overlap.

Definition

Constructors

C#
public ChartCategoryAxisLabelsRotation()

Methods

C#
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

C#
protected override void OnAfterRender(bool firstRender)
Parameters:firstRenderbool

Overrides: ComponentBase.OnAfterRender(bool)

C#
protected override void OnInitialized()

Overrides: DataVizChildComponent.OnInitialized()

C#
protected override void OnParametersSet()

Overrides: ComponentBase.OnParametersSet()

C#
public Dictionary<string, object> Serialize()
Returns:

Dictionary<string, object>

Properties

Controls the alignment point for label rotation using ChartAxisLabelsRotationAlignment values. Determines which part of the label serves as the rotation anchor: Start rotates around the label beginning, End rotates around the label end, and Center rotates around the label middle. This affects how rotated labels are positioned relative to their axis tick marks.

C#
[Parameter]
public ChartAxisLabelsRotationAlignment? Align { get; set; }

Sets the rotation angle for category axis labels in degrees. Use numeric values like 45, 90, or -45 for specific angles, or set to "auto" to let the chart automatically rotate labels when space is limited. Positive values rotate clockwise, negative values rotate counter-clockwise. Auto rotation helps prevent label overlap in crowded charts.

C#
[Parameter]
public object Angle { get; set; }
C#
[Parameter]
public RenderFragment ChildContent { get; set; }