Class
ChartXAxisLabelsRotation

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

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

cs-api-definition
public class ChartXAxisLabelsRotation : DataVizChildComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseDataVizChildComponentChartXAxisLabelsRotation

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members ComponentBase.OnInitializedAsync()ComponentBase.OnParametersSetAsync()ComponentBase.StateHasChanged()ComponentBase.ShouldRender()ComponentBase.OnAfterRenderAsync(bool)ComponentBase.InvokeAsync(Action)ComponentBase.InvokeAsync(Func<Task>)ComponentBase.DispatchExceptionAsync(Exception)ComponentBase.SetParametersAsync(ParameterView)

Constructors

ChartXAxisLabelsRotation()

Declaration

cs-api-definition
public ChartXAxisLabelsRotation()

Properties

Align

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.

Declaration

cs-api-definition
[Parameter]
public ChartAxisLabelsRotationAlignment? Align { get; set; }

Property Value

ChartAxisLabelsRotationAlignment?

Angle

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.

Declaration

cs-api-definition
[Parameter]
public double? Angle { get; set; }

Property Value

double?

ChildContent

Declaration

cs-api-definition
[Parameter]
public RenderFragment ChildContent { get; set; }

Property Value

RenderFragment

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration

cs-api-definition
protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

__builder

RenderTreeBuilder

Overrides ComponentBase.BuildRenderTree(RenderTreeBuilder)

OnAfterRender(bool)

Declaration

cs-api-definition
protected override void OnAfterRender(bool firstRender)

Parameters

firstRender

bool

Overrides ComponentBase.OnAfterRender(bool)

OnInitialized()

Declaration

cs-api-definition
protected override void OnInitialized()

Overrides DataVizChildComponent.OnInitialized()

OnParametersSet()

Declaration

cs-api-definition
protected override void OnParametersSet()

Overrides ComponentBase.OnParametersSet()

Serialize()

Declaration

cs-api-definition
public Dictionary<string, object> Serialize()

Returns

Dictionary<string, object>