Configures the border styling for chart series data point labels to enhance label visibility and create visual definition. Controls border color, line patterns, and thickness around label text backgrounds, improving readability especially when labels overlap with chart elements or need visual emphasis.
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Syntax:
public class ChartSeriesLabelsBorder : DataVizChildComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposableInheritance: objectComponentBaseDataVizChildComponentChartSeriesLabelsBorder
Implements:
Inherited Members
Constructors
public ChartSeriesLabelsBorder()Methods
protected override void BuildRenderTree(RenderTreeBuilder __builder)Overrides:
protected override void OnInitialized()Overrides:
protected override void OnParametersSet()Overrides:
Properties
[Parameter]
public RenderFragment ChildContent { get; set; }Sets the border color for series data point labels using any valid CSS color value. Accepts hex codes (#666666), RGB values (rgb(102, 102, 102)), named colors (gray, black), or HSL values. Use contrasting colors to create clear label definition and improve text readability against chart backgrounds.
[Parameter]
public string Color { get; set; }Defines the line pattern style for label borders using DashType values. Choose from "solid" for continuous borders, "dash" for dashed outlines, "dot" for dotted patterns, or other combinations to create distinctive label styling that matches chart design themes.
[Parameter]
public DashType? DashType { get; set; }Specifies the thickness of label borders in pixels. Use 1-2 pixels for subtle label definition, 3-4 pixels for prominent borders, or 0 to remove borders completely. Border width should complement label size and chart scale for optimal visual balance.
[Parameter]
public double? Width { get; set; }