New to Telerik UI for BlazorStart a free 30-day trial

Configures the border styling for highlighted legend item markers in ChartLegendItemHighlightMarkers. Use this component to add visual emphasis to marker borders during hover interactions by defining border color and line style. Enhanced borders help users identify which legend item is being highlighted and create clear visual feedback for legend-chart data connections.

Definition

Constructors

C#
public ChartLegendItemHighlightMarkersBorder()

Methods

C#
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

C#
protected override void OnAfterRender(bool firstRender)
Parameters:firstRenderbool

Overrides: ComponentBase.OnAfterRender(bool)

C#
protected override void OnInitialized()

Overrides: DataVizChildComponent.OnInitialized()

C#
protected override void OnParametersSet()

Overrides: ComponentBase.OnParametersSet()

C#
public Dictionary<string, object> Serialize()
Returns:

Dictionary<string, object>

Properties

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

Sets the border color for highlighted legend item markers when users hover over them. Accepts any valid CSS color including hex codes (#FF4444), RGB values (rgb(255,68,68)), named colors (crimson), or HSL values. Use contrasting colors to create clear visual emphasis that helps users identify which legend item is being highlighted and its corresponding chart data.

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

Defines the line style pattern for highlighted marker borders using DashType values. Choose from various patterns: Solid for continuous borders, Dash for dashed outlines, Dot for dotted borders, DashDot for alternating dashes and dots, LongDash for longer dash segments, LongDashDot for long dashes with dots, and LongDashDotDot for complex patterns. Different patterns help create distinctive hover effects for legend interactions.

C#
[Parameter]
public DashType? DashType { get; set; }