Class
ChartValueAxisMinorGridLines

Configures the minor grid lines that extend horizontally across the chart between major value axis intervals. Provides detailed control over fine grid line appearance to create more precise visual guides for enhanced data reading and interpretation. Use this component to add subtle grid lines between major intervals, helping users read exact values and track data points with greater precision.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

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

Inheritance: objectComponentBaseDataVizChildComponentChartValueAxisMinorGridLines

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

ChartValueAxisMinorGridLines()

Declaration

cs-api-definition
public ChartValueAxisMinorGridLines()

Properties

ChildContent

Declaration

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

Property Value

RenderFragment

Color

Sets the color of the minor grid lines extending from the value axis between major intervals. Accepts any valid CSS color value including hex codes (#f5f5f5), RGB values (rgb(245,245,245)), or color names (whitesmoke). Use this to create subtle visual guides that enhance chart precision without overwhelming the data or competing with major grid lines. Example: Set to "#f8f8f8" for very light gray minor lines, or "rgba(0,0,0,0.05)" for extremely subtle transparent guides.

Declaration

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

Property Value

string

DashType

Sets the dash pattern style for the minor value axis grid lines. Controls the visual appearance of minor grid lines, typically using lighter or more subtle patterns than major grid lines. Use this to create distinctive minor grid styles that provide precision without visual clutter or distraction from main data. Accepts values from the DashType enumeration, with dot or light dash patterns being common for minor grids.

Declaration

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

Property Value

DashType?

Skip

Sets the number of minor grid lines to skip from the beginning of the value axis. Controls which minor grid lines are displayed by skipping a specified number from the start, useful for custom grid patterns. Use this to fine-tune minor grid positioning and create specific visual patterns that enhance chart precision and readability. Example: Set to 1 to skip the first minor grid line, or 2 to start minor grids from the third interval for cleaner chart edges.

Declaration

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

Property Value

double?

Step

Sets the interval step for displaying minor grid lines on the value axis. Controls how frequently minor grid lines appear by specifying the interval between them, creating custom grid density for precise readings. Use this to control minor grid frequency and create optimal visual precision guides tailored to your data range and user needs. Example: Set to 1 for grid lines at every minor unit, or 2 for sparser minor grid spacing in dense value ranges.

Declaration

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

Property Value

double?

Visible

Controls whether the minor grid lines from the value axis are displayed on the chart. When set to true, subtle horizontal grid lines appear between major value intervals. When false, only major grid lines are shown. Use this to enable fine-grained visual guides for precise data reading, particularly useful in scientific or technical charts. Example: Set to true for detailed charts where precise value reading is important, or false to maintain clean visual presentation.

Declaration

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

Property Value

bool?

Width

Sets the thickness of the minor value axis grid lines in pixels. Controls how prominent the minor grid lines appear, typically thinner than major grid lines to maintain visual hierarchy. Use this to create very subtle guides that enhance precision without overwhelming the chart's primary visual elements. Example: Set to 0.5 for extremely subtle minor lines, or 1 for more visible but still secondary grid guides.

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>