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

ChartSeriesBorder

Class

Configures the border styling for chart series elements such as bars, columns, areas, or other series shapes. Controls border appearance including color, line patterns, opacity, and thickness to enhance series visibility and create distinctive visual separation between data elements.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartSeriesBorder

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

ChartSeriesBorder()

public ChartSeriesBorder()

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 border color for series elements using any valid CSS color value. Accepts hex codes (#FF6B35), RGB values (rgb(255, 107, 53)), named colors (orange, blue), or HSL values. When not specified, defaults to the current series color. Use contrasting colors to create clear visual definition around series shapes.

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

DashType

DashType?

Defines the line pattern style for series borders using DashType values. Choose from "solid" for continuous borders, "dash" for dashed lines, "dot" for dotted patterns, "dashDot" for alternating patterns, and other combinations to create distinctive series styling and visual variety.

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

Opacity

double?

Controls the transparency of the series border from 0.0 (completely transparent) to 1.0 (completely opaque). Use values like 0.3-0.7 for subtle border effects, 0.8-1.0 for prominent borders, or lower values for blended visual effects. Default is opaque (1.0).

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

Width

double?

Specifies the thickness of the series border in pixels. Use 1-2 pixels for subtle borders, 3-5 pixels for prominent definition, or 0 to remove borders completely. Border width affects the overall appearance and should complement the series size and chart design.

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