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

ChartLegendItemArea

Class

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

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartLegendItemArea

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

ChartLegendItemArea()

public ChartLegendItemArea()

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 area-type legend items representing area charts or similar series. Accepts any valid CSS color including hex codes (#FF6B6B), RGB values (rgb(255,107,107)), named colors (coral), or HSL values. When not specified, automatically uses the series color to maintain visual consistency between the legend and chart data.

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

ChildContent

RenderFragment

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

Opacity

double?

Controls the transparency of area-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; }