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

ChartYAxisLabelsBorder

Class

Configures the border styling for Y-axis value labels. Provides comprehensive control over border appearance including color, line style, and thickness to enhance label visibility and create professional presentation. Use this component to create clear visual definition around value labels, improving readability against varied chart backgrounds and enhancing overall chart aesthetics.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartYAxisLabelsBorder

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

ChartYAxisLabelsBorder()

public ChartYAxisLabelsBorder()

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

Specifies the color of the border around Y-axis labels. Accepts any valid CSS color value including hex codes (#CCCCCC), RGB values (rgb(204,204,204)), or color names (lightgray). Use this property to create visual separation between axis labels and the chart background for improved readability. Consider using subtle colors that enhance label visibility without overwhelming the chart or competing with data visualization.

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

DashType

DashType?

Defines the line pattern for the Y-axis label borders using predefined dash styles. Available options include solid lines for clean professional appearance, dotted lines for subtle definition, and various dash patterns for specialized chart presentations or visual emphasis. Use solid borders for maximum clarity and readability, or dash patterns to create visual hierarchy between different label types. See DashType for all available line pattern options.

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

Width

double?

Sets the thickness of the Y-axis label borders in pixels. Use thin borders (1-2 pixels) for subtle label definition that enhances readability without visual distraction. Thicker borders (3-4 pixels) create more prominent label separation for charts requiring enhanced value identification. Set to 0 to disable borders completely, which is the default behavior for clean chart presentation. Consider chart size and viewing context when choosing border width for optimal label clarity and professional appearance.

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