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

ChartYAxisLine

Class

Configures the main Y-axis line that forms the vertical reference line of the chart. Provides comprehensive control over axis line appearance including color, style, thickness, and visibility to establish clear chart structure. Use this component to create professional axis presentation that complements your chart design while providing clear vertical reference for data interpretation.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartYAxisLine

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

ChartYAxisLine()

public ChartYAxisLine()

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 main Y-axis line that forms the vertical reference line of the chart. Accepts any valid CSS color value including hex codes (#000000), RGB values (rgb(0,0,0)), or color names (black). Use this property to ensure the axis line is clearly visible and complements your chart's design theme. Consider using colors that provide sufficient contrast against the chart background while maintaining professional appearance.

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

DashType

DashType?

Defines the line pattern for the Y-axis line using predefined dash styles. Available options include solid lines for standard professional axes, dashed patterns for stylized presentations, and dotted lines for subtle axis definition. Choose dash types that complement the overall chart design while ensuring clear vertical reference structure. See DashType for all available line pattern options.

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

Visible

bool?

Controls whether the Y-axis line is displayed on the chart. When set to true (default), the main vertical axis line appears to provide clear chart structure and value reference. Set to false to hide the axis line for minimalist chart presentation while maintaining labels and tick marks. Hidden axis lines can create cleaner appearance for charts focusing on data visualization over structural elements.

[Parameter]
public bool? Visible { get; set; }

Width

double?

Sets the thickness of the Y-axis line in pixels. Use thicker lines (2-3 pixels) for prominent axis definition or thinner lines (1 pixel) for subtle chart structure. This property affects the visual weight of the main axis and should complement the overall chart design and tick mark thickness. Consider chart size and viewing context when choosing line width for optimal axis visibility and professional appearance.

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