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

ChartLegendItemMarkers

Class

Configures the appearance of legend item markers in ChartLegendItem. Use this component to customize the visual symbols that represent different data series in the legend, including marker shapes, colors, borders, and visibility. Markers provide essential visual identification that helps users connect legend items to their corresponding chart data elements. Children: ChartLegendItemMarkersBorder.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartLegendItemMarkers

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

ChartLegendItemMarkers()

public ChartLegendItemMarkers()

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. Accepts any valid CSS color including hex codes (#4CAF50), RGB values (rgb(76,175,80)), named colors (green), or HSL values. Markers use this color to represent data series in the legend, providing visual identification that helps users connect legend items to their corresponding chart elements.

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

BorderRadius

double?

Sets the corner radius for rounded rectangle markers in pixels when Type is set to RoundedRect. Use values like 2-8 pixels to create softly rounded corners, or higher values for more pronounced rounding. This property only affects markers with rounded rectangle shapes and is ignored for other marker types.

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

ChildContent

RenderFragment

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

Type

ChartSeriesMarkersType?

Defines the shape of legend markers using ChartSeriesMarkersType values. Choose from Circle for round markers, Square for rectangular markers, Triangle for triangular markers, Cross for cross-shaped markers, or other available shapes. The marker type should match or complement the corresponding chart series for visual consistency.

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

Visible

bool?

Controls whether legend item markers are displayed. Set to true (default behavior follows series options) to show markers that help users identify different data series, or false to hide markers for a text-only legend. Markers provide important visual cues for distinguishing between multiple series.

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