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

ChartLegendItemLine

Class

Configures the visual styling for line-type legend items in ChartLegendItem. Use this component to customize how line charts, spline charts, and similar series are represented in the legend. Controls the color, line pattern, and opacity of the legend symbols that correspond to line-based visualizations, ensuring visual consistency between legend and chart data.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartLegendItemLine

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

ChartLegendItemLine()

public ChartLegendItemLine()

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

ChildContent

RenderFragment

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

Color

string

Sets the color for line-type legend items representing line charts, spline charts, and similar series. Accepts any valid CSS color including hex codes (#2196F3), RGB values (rgb(33,150,243)), named colors (blue), or HSL values. When not specified, automatically uses the series color to maintain visual consistency between the legend and chart data.

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

DashType

DashType?

Defines the line style pattern for line-type legend items using DashType values. Choose from various patterns: Solid for continuous lines, Dash for dashed lines, Dot for dotted lines, DashDot for alternating dashes and dots, LongDash for longer dash segments, LongDashDot for long dashes with dots, and LongDashDotDot for complex patterns. The pattern should match the corresponding chart series for visual consistency.

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

Opacity

double?

Controls the transparency of line-type legend items using values from 0.0 (completely transparent) to 1.0 (completely opaque). When not specified, automatically uses the series opacity to ensure the legend accurately represents how the data appears in the chart. Use custom values to adjust legend visibility without affecting chart data.

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