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

ChartSeriesMarkersBorder

Class

Configures the border styling for chart series data point markers to provide visual definition and enhance marker visibility. Controls border colors and thickness around markers to create clear data point identification and improve overall chart readability and professional appearance.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartSeriesMarkersBorder

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

ChartSeriesMarkersBorder()

public ChartSeriesMarkersBorder()

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 data point markers using any valid CSS color value. Accepts hex codes (#424242), RGB values (rgb(66, 66, 66)), named colors (gray, black), or HSL values. Use contrasting colors to create clear marker definition and improve data point visibility in chart visualizations.

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

Width

double?

Specifies the thickness of marker borders in pixels. Use 1-2 pixels for subtle marker definition, 3-4 pixels for prominent borders, or 0 to remove borders completely. Border width should complement marker size and maintain visual balance in chart presentations.

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