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

Configures the rotation settings for chart X-axis labels to optimize text readability and space utilization. Provides control over label angle and alignment to prevent overlapping text and improve visual presentation when dealing with long category names or limited horizontal space. Use this component to rotate category labels when standard horizontal text doesn't fit properly or when you need specific label orientations.

Definition

Constructors

C#
public ChartXAxisLabelsRotation()

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

Specifies how rotated X-axis labels should be aligned relative to their anchor points. Controls the alignment of label text when rotation is applied, affecting how labels appear in relation to their corresponding axis positions. Use this to fine-tune rotated label positioning and ensure optimal visual alignment with axis tick marks and data points. Accepts values from the ChartAxisLabelsRotationAlignment enumeration for consistent alignment options.

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

Sets the rotation angle for X-axis labels in degrees. Controls how category label text is oriented, with positive values rotating clockwise and negative values rotating counterclockwise. Use this to optimize label readability when dealing with long category names, multiple words, or limited horizontal space on the chart. Example: Set to 45 for diagonal labels, -90 for vertical labels, or "auto" to let the chart automatically rotate labels when space is limited.

C#
[Parameter]
public double? Angle { get; set; }