Class
ChartYAxisLine

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

Constructors

ChartYAxisLine()

Declaration

cs-api-definition
public ChartYAxisLine()

Properties

ChildContent

Declaration

cs-api-definition
[Parameter]
public RenderFragment ChildContent { get; set; }

Property Value

RenderFragment

Color

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.

Declaration

cs-api-definition
[Parameter]
public string Color { get; set; }

Property Value

string

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.

Declaration

cs-api-definition
[Parameter]
public DashType? DashType { get; set; }

Property Value

DashType?

Visible

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.

Declaration

cs-api-definition
[Parameter]
public bool? Visible { get; set; }

Property Value

bool?

Width

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.

Declaration

cs-api-definition
[Parameter]
public double? Width { get; set; }

Property Value

double?

Methods

BuildRenderTree(RenderTreeBuilder)

Declaration

cs-api-definition
protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

__builder

RenderTreeBuilder

Overrides ComponentBase.BuildRenderTree(RenderTreeBuilder)

OnAfterRender(bool)

Declaration

cs-api-definition
protected override void OnAfterRender(bool firstRender)

Parameters

firstRender

bool

Overrides ComponentBase.OnAfterRender(bool)

OnInitialized()

Declaration

cs-api-definition
protected override void OnInitialized()

Overrides DataVizChildComponent.OnInitialized()

OnParametersSet()

Declaration

cs-api-definition
protected override void OnParametersSet()

Overrides ComponentBase.OnParametersSet()

Serialize()

Declaration

cs-api-definition
public Dictionary<string, object> Serialize()

Returns

Dictionary<string, object>