Class
ChartXAxisMinorGridLines

Configures the minor grid lines that appear between major grid lines on the X-axis. Provides detailed control over secondary grid line appearance to enhance chart precision and readability without overwhelming the visualization. Use this component to create additional vertical reference lines that help users identify intermediate category positions and improve data alignment.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

cs-api-definition
public class ChartXAxisMinorGridLines : DataVizChildComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseDataVizChildComponentChartXAxisMinorGridLines

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Inherited Members 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

ChartXAxisMinorGridLines()

Declaration

cs-api-definition
public ChartXAxisMinorGridLines()

Properties

ChildContent

Declaration

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

Property Value

RenderFragment

Color

Specifies the color of minor grid lines that appear between major grid lines on the X-axis. Accepts any valid CSS color value including hex codes (#CCCCCC), RGB values (rgb(204,204,204)), or color names (lightgray). Use lighter colors than major grid lines to create visual hierarchy and avoid overwhelming the chart. Subtle colors help provide additional reference without competing with data visualization.

Declaration

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

Property Value

string

DashType

Defines the line pattern for minor grid lines using predefined dash styles. Available options include solid lines for consistency with major grids, dotted lines for subtle subdivision markers, and various dash patterns for specialized chart presentations. Choose styles that create clear hierarchy - typically use more subtle patterns than major grid lines for visual balance. See DashType for all available line pattern options.

Declaration

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

Property Value

DashType?

Skip

Specifies how many minor grid lines to skip at the beginning of the axis. Use this property to fine-tune minor grid alignment with data patterns or create custom subdivision layouts. For example, setting Skip to 1 will start minor grid lines from the second subdivision position. Useful for aligning minor grids with specific data intervals or maintaining consistency across multiple chart axes.

Declaration

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

Property Value

double?

Step

Defines the interval between minor grid lines in axis units. For category axes, specifies subdivisions between major categories (e.g., 0.5 creates lines between each category). For date axes, defines the time interval for minor subdivisions (e.g., 1 for daily lines between weekly majors). Use this property to control minor grid density and provide appropriate level of detail for your data precision needs.

Declaration

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

Property Value

double?

Visible

Controls whether minor grid lines are displayed between major grid lines on the X-axis. When set to true, additional vertical grid lines appear to provide finer reference points for data alignment. Set to false (default for many chart types) to maintain clean appearance while preserving major grid structure. Enable minor grid lines for charts requiring high precision or when working with dense datasets.

Declaration

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

Property Value

bool?

Width

Sets the thickness of minor grid lines in pixels. Use thinner lines than major grid lines (typically 0.5-1 pixel) to create appropriate visual hierarchy. Subtle line thickness ensures minor grids provide reference without overwhelming the chart or competing with data series. Consider the overall chart design and major grid line thickness when setting minor grid width.

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>