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

ChartValueAxisLabelsBorder

Class

Configures border styling around chart value 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 value axis labels, improve contrast, or highlight important scale information.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartValueAxisLabelsBorder

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

ChartValueAxisLabelsBorder()

public ChartValueAxisLabelsBorder()

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

ChildContent

RenderFragment

[Parameter]
public RenderFragment ChildContent { get; set; }

Color

string

Sets the color of the border around chart value 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 value 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 scale values.

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

DashType

DashType?

Sets the dash pattern style for the value 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. 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 value axis labels in pixels. Controls how prominent the label borders appear, affecting the overall visual emphasis and readability of scale values. 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; }