New to Telerik UI for Blazor? Start a free 30-day trial

ChartXAxisLabelsBorder

Class

Configures border styling around chart X-axis labels for enhanced visual presentation and readability. Provides control over border appearance including color, style, and thickness to create professional label designs that stand out from chart backgrounds. Use this component to add visual boundaries around X-axis labels, improve contrast, or highlight important category information.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

public class ChartXAxisLabelsBorder : DataVizChildComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseDataVizChildComponentChartXAxisLabelsBorder

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members DataVizChildComponent.Dispose()DataVizChildComponent.Dispose(bool)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

ChartXAxisLabelsBorder()

public ChartXAxisLabelsBorder()

Methods

BuildRenderTree(RenderTreeBuilder)

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

OnAfterRender(bool)

protected override void OnAfterRender(bool firstRender)

Parameters:firstRenderbool

Overrides: ComponentBase.OnAfterRender(bool)

OnInitialized()

protected override void OnInitialized()

Overrides: DataVizChildComponent.OnInitialized()

OnParametersSet()

protected override void OnParametersSet()

Overrides: ComponentBase.OnParametersSet()

Serialize()

Dictionary<string, object>

public Dictionary<string, object> Serialize()

Returns:

Dictionary<string, object>

Properties

Color

string

Sets the color of the border around chart X-axis labels. Accepts any valid CSS color value including hex codes (#dddddd), RGB values (rgb(221,221,221)), or color names (lightgray). Use this to create visual definition around category labels and ensure they stand out against chart backgrounds for better readability. Example: Set to "#e0e0e0" for subtle gray borders around labels, or "#007acc" to match brand colors and highlight important categories.

[Parameter]
public string Color { get; set; }

DashType

DashType?

Sets the dash pattern style for the X-axis label borders. Controls the visual appearance of label borders, allowing for solid lines or various dashed patterns to create different design effects. Use this to create distinctive border styles that complement your chart's visual design or differentiate label importance levels. Accepts values from the DashType enumeration including solid, dash, dot, and various dash-dot combinations.

[Parameter]
public DashType? DashType { get; set; }

Width

double?

Sets the thickness of the border around X-axis labels in pixels. Controls how prominent the label borders appear, affecting the overall visual emphasis and readability of category information. Use this to create subtle outlines with thin borders or bold frames with thicker borders based on your design requirements. Example: Set to 1 for fine label borders, 2 for standard emphasis, or 0 to hide borders completely.

[Parameter]
public double? Width { get; set; }