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

ChartPlotAreaBorder

Class

Configures the border styling around the chart plot area to define visual boundaries and enhance chart presentation. Controls border color, line style patterns, and thickness to create professional chart layouts and improve data region definition within the overall chart design.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartPlotAreaBorder

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

ChartPlotAreaBorder()

public ChartPlotAreaBorder()

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 of the plot area border using any valid CSS color value. Accepts hex codes (#333333), RGB values (rgb(51, 51, 51)), named colors (gray, black), or HSL values. Choose colors that complement the chart theme and provide clear visual separation between the plot area and other chart elements.

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

DashType

DashType?

Defines the line pattern for the plot area border using DashType values. Options include "solid" for continuous lines, "dash" for dashed borders, "dot" for dotted patterns, "dashDot" for alternating dash-dot patterns, and other combinations. Use different patterns to create distinctive visual styles or match design themes.

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

Width

double?

Specifies the thickness of the plot area border in pixels. Use 1-2 pixels for subtle borders, 3-5 pixels for prominent borders, or 0 to hide the border completely. Border width affects the overall chart layout and should be balanced with other visual elements for optimal appearance.

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