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

ChartSeriesLegendItemMarkers

Class

Configures the visual appearance and styling of markers for individual series items within chart legends. Controls marker colors, shapes, borders, and visibility to provide clear series identification and maintain visual consistency between legend items and chart data series. Children: ChartSeriesLegendItemMarkersBorder.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartSeriesLegendItemMarkers

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

ChartSeriesLegendItemMarkers()

public ChartSeriesLegendItemMarkers()

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

Background

string

Sets the background color for legend item markers using any valid CSS color value. Accepts hex codes (#2196F3), RGB values (rgb(33, 150, 243)), named colors (blue, green), or HSL values. Typically matches or complements the series color to provide clear visual connection between legend and chart data.

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

BorderRadius

double?

Sets the border radius for legend markers in pixels when using rounded rectangle marker types. Values like 2-6 pixels create subtle rounded corners, while larger values produce more pronounced rounding effects for marker appearance in legend layouts.

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

ChildContent

RenderFragment

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

Type

ChartSeriesMarkersType?

Specifies the shape type for legend markers using ChartSeriesMarkersType values. Choose from circle, square, triangle, diamond, or other shapes to match series styling or create distinctive visual identification for different data series in the legend.

[Parameter]
public ChartSeriesMarkersType? Type { get; set; }

Visible

bool?

Controls the visibility of legend item markers. Set to true to display markers next to series names, false to hide markers and show only text, or leave null to inherit from series marker settings. Visible markers enhance series identification in multi-series charts.

[Parameter]
public bool? Visible { get; set; }