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

ChartLegendItemHighlightMarkers

Class

Configures the appearance of legend item markers during hover interactions in ChartLegendItemHighlight. Use this component to customize how markers are emphasized when users hover over legend items, including background colors, shapes, borders, and visibility. Enhanced markers provide clear visual feedback that helps users understand the connection between legend items and their corresponding chart data. Children: ChartLegendItemHighlightMarkersBorder.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartLegendItemHighlightMarkers

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

ChartLegendItemHighlightMarkers()

public ChartLegendItemHighlightMarkers()

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 highlighted legend item markers when users hover over them. Accepts any valid CSS color including hex codes (#FFD700), RGB values (rgb(255,215,0)), named colors (gold), or HSL values. Use contrasting colors to create clear visual feedback that helps users identify which legend item and corresponding chart data are being highlighted.

[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 highlighted 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 highlighted markers are displayed during hover interactions. Set to true (default behavior follows series options) to show enhanced markers when users hover over legend items, or false to disable marker highlighting. When enabled, provides visual feedback that connects legend items to their chart data.

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