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

ChartLegendMargin

Class

Controls the external spacing around the entire chart legend in ChartLegend. Use this component to add space between the legend and surrounding chart elements like plot areas, axes, titles, or container edges. Proper margins ensure the legend doesn't overlap with other chart components and maintains clean, professional chart layouts with adequate breathing room.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartLegendMargin

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

ChartLegendMargin()

public ChartLegendMargin()

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

Bottom

double?

Sets the bottom margin space below the entire chart legend in pixels. Use this to add spacing between the legend and chart elements positioned below it, such as the chart area, axes, or page content. Common values range from 0-20 pixels depending on overall chart layout and design requirements.

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

ChildContent

RenderFragment

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

Left

double?

Sets the left margin space to the left of the entire chart legend in pixels. Creates spacing between the legend and chart elements like the plot area, axes, or container edges. Typical values are 0-15 pixels for standard layouts to ensure proper legend positioning and visual separation.

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

Right

double?

Sets the right margin space to the right of the entire chart legend in pixels. Use this to create separation between the legend and chart elements positioned to its right, such as the plot area, axes, or container edges. Standard values range from 0-15 pixels for optimal layout balance.

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

Top

double?

Sets the top margin space above the entire chart legend in pixels. Creates spacing between the legend and chart elements positioned above it, such as chart titles, axes, or other chart components. Common values are 0-20 pixels for proper visual hierarchy and professional appearance.

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