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
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Syntax:
public class ChartLegendItemHighlightMarkersBorder : DataVizChildComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
Inheritance: objectComponentBaseDataVizChildComponentChartLegendItemHighlightMarkersBorder
Implements:
Inherited Members
Constructors
public ChartLegendItemHighlightMarkersBorder()
Methods
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Overrides:
protected override void OnInitialized()
Overrides:
protected override void OnParametersSet()
Overrides:
Properties
[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.
[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.
[Parameter]
public DashType? DashType { get; set; }