Class ChartAxisMinorGridLines

Represents the options to customize the minor grid lines of a chart axis in the Syncfusion Blazor chart.

Inheritance

System.Object

ChartSubComponent

ChartAxisMinorGridLines

Namespace: Syncfusion.Blazor.Charts

Assembly: Syncfusion.Blazor.dll

Syntax

public class ChartAxisMinorGridLines : ChartSubComponent, ISubcomponentTracker

Constructors

ChartAxisMinorGridLines()

Declaration

public ChartAxisMinorGridLines()

Properties

Color

Gets or sets the color of the minor grid line.

Declaration

public string Color { get; set; }

Property Value

Type	Description
System.String	A string representing the color of the minor grid line. The default minor grid line color is determined by the chart's theme. By default, the theme is set to Material with a minor grid line color of #eaeaea.

Remarks

Use valid hex or rgba CSS color strings for the color value.

Examples

// The following code demonstrates setting a customized color for the axis minor grid lines.
<SfChart>
    <ChartPrimaryXAxis MinorTicksPerInterval="1">
        <ChartAxisMinorGridLines Color="red" />
    </ChartPrimaryXAxis>
    <ChartPrimaryYAxis MinorTicksPerInterval="1">
        <ChartAxisMinorGridLines Color="blue" />
    </ChartPrimaryYAxis>
</SfChart>

DashArray

Gets or sets the dash array of the minor grid line.

Declaration

public string DashArray { get; set; }

Property Value

Type	Description
System.String	A string representing the dash array of the minor grid line. The default value is an empty string.

Remarks

The dash array specifies a pattern of dashes and gaps used for the grid line, using a series of numbers that define lengths of dashes and gaps.

Examples

// The following code demonstrates setting a customized dash array  for the axis minor grid lines.
<SfChart>
    <ChartPrimaryXAxis MinorTicksPerInterval="1">
        <ChartAxisMinorGridLines DashArray="5,1" />
    </ChartPrimaryXAxis>
    <ChartPrimaryYAxis MinorTicksPerInterval="1">
        <ChartAxisMinorGridLines DashArray="5,1" />
    </ChartPrimaryYAxis>
</SfChart>

Width

Gets or sets the width of the minor grid line in pixels.

Declaration

public double Width { get; set; }

Property Value

Type	Description
System.Double	The double value representing the width of the minor grid line in pixels. The default value is 0.7.

Remarks

The width sets the thickness of the grid line on the chart.

Examples

// The following code demonstrates setting a customize width for the axis minor grid lines.
<SfChart>
    <ChartPrimaryXAxis MinorTicksPerInterval="1">
        <ChartAxisMinorGridLines Width="3" />
    </ChartPrimaryXAxis>
    <ChartPrimaryYAxis MinorTicksPerInterval="1">
        <ChartAxisMinorGridLines Width="3" />
    </ChartPrimaryYAxis>
</SfChart>