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

Configures the border styling for "to" value labels in range chart series to provide visual definition and enhance label readability. Controls border appearance around to value labels, helping distinguish range ending points and improving overall range series visualization clarity.

Definition

Constructors

C#
public ChartSeriesLabelsToBorder()

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

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

Sets the border color for "to" value labels in range series using any valid CSS color value. Accepts hex codes (#FF9800), RGB values (rgb(255, 152, 0)), named colors (orange, red), or HSL values. Use distinct colors to differentiate from/to label borders and maintain visual clarity in range data presentations.

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

Defines the line pattern style for "to" label borders using DashType values. Choose from "solid" for continuous borders, "dash" for dashed outlines, or other patterns to create distinctive styling that helps users distinguish to values in range series visualizations.

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

Specifies the thickness of "to" label borders in pixels. Use 1-2 pixels for subtle definition, 3-4 pixels for prominent borders, or 0 to remove borders. Border width should complement the label size and provide clear visual separation in range data presentations.

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