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

ChartXAxisTitleBorder

Class

Configures the border styling for the X-axis title. Provides comprehensive control over border appearance including color, line style, and thickness to enhance title visibility and professional presentation. Use this component to create clear visual definition around the axis title, improving readability and creating professional chart aesthetics.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartXAxisTitleBorder

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

ChartXAxisTitleBorder()

public ChartXAxisTitleBorder()

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

Color

string

Specifies the color of the border around the X-axis title for enhanced visual definition and professional presentation. Accepts any valid CSS color value including hex codes (#DDDDDD), RGB values (rgb(221,221,221)), or color names (lightgray). Use this property to create clear separation between the title text and chart background for improved readability. Consider using subtle colors that complement your chart theme while ensuring the title stands out appropriately.

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

DashType

DashType?

Defines the line pattern for the X-axis title border using predefined dash styles for visual emphasis and design consistency. Available options include solid lines for clean professional appearance, dotted lines for subtle definition, and various dash patterns for specialized chart presentations or visual hierarchy. Use solid borders for maximum clarity and readability, or dash patterns to create visual distinction between title elements. See DashType for all available line pattern options.

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

Width

double?

Sets the thickness of the X-axis title border in pixels for appropriate visual weight and professional appearance. Use thin borders (1-2 pixels) for subtle title definition that enhances readability without overwhelming the chart. Thicker borders (3-4 pixels) create more prominent title emphasis for charts requiring clear hierarchical distinction. Set to 0 (default) to disable borders completely for clean, minimalist title presentation without visual distraction.

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