ClassChartLegendItemHighlightMarkers
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:
Inherited Members
Constructors
ChartLegendItemHighlightMarkers()
Declaration
public ChartLegendItemHighlightMarkers()
Properties
Background
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.
Declaration
[Parameter]
public string Background { get; set; }
Property Value
BorderRadius
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.
Declaration
[Parameter]
public double? BorderRadius { get; set; }
Property Value
ChildContent
Declaration
[Parameter]
public RenderFragment ChildContent { get; set; }
Property Value
Type
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.
Declaration
[Parameter]
public ChartSeriesMarkersType? Type { get; set; }
Property Value
Visible
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.
Methods
BuildRenderTree(RenderTreeBuilder)
Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
__builder
Overrides
OnAfterRender(bool)
Declaration
protected override void OnAfterRender(bool firstRender)
Parameters
firstRender
Overrides
OnInitialized()
Declaration
protected override void OnInitialized()
Overrides
OnParametersSet()
Declaration
protected override void OnParametersSet()
Overrides
Serialize()
Declaration
public Dictionary<string, object> Serialize()
Returns