Class ChartAxisMinorGridLines

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

Inheritance
object
ComponentBase
OwningComponentBase
SfOwningComponentBase
ChartSubComponent
ChartAxisMinorGridLines
Implements
Inherited Members
Namespace: Syncfusion.Blazor.Charts
Assembly: Syncfusion.Blazor.dll
Syntax
public class ChartAxisMinorGridLines : ChartSubComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Constructors

ChartAxisMinorGridLines()

Declaration
public ChartAxisMinorGridLines()

Properties

Color

Gets or sets the color of the minor grid line.

Declaration
[Parameter]
public string Color { get; set; }
Property Value
Type Description
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
[Parameter]
public string DashArray { get; set; }
Property Value
Type Description
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
[Parameter]
public double Width { get; set; }
Property Value
Type Description
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>

Implements