DxChartAxisGridLines Class

Defines settings for axis grid lines.

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

public class DxChartAxisGridLines :
    DxSettingsComponent<ChartAxisGridLinesModel>

Remarks

Grid lines are vertical and horizontal lines that stretch throughout the entire Chart component. These grid lines facilitate the readability of chart data.

Chart - Default Grid Lines

The Chart component’s default grid line visibility is as follows:

Horizontal (value axis) lines are visible.
Vertical (argument axis) lines are hidden.

To change the default behavior, use the Visible property.

The code below sets the argument axis’s Visible property to true to show vertical grid lines in the Chart component.

<DxChart Data="@forecasts">
    <DxChartBarSeries ArgumentField="@((WeatherForecast i) => i.Date)"
                      ValueField="@((WeatherForecast i) => i.Precipitation)"
                      Name="Precipitation">
        <DxChartSeriesLabel Visible="true">
            <DxChartSeriesLabelConnector Visible="true" Width="2" />
        </DxChartSeriesLabel>
    </DxChartBarSeries>
    <DxChartLineSeries ArgumentField="@((WeatherForecast i) => i.Date)"
                       ValueField="@((WeatherForecast i) => i.TemperatureC)"
                       Name="Temperature">
    </DxChartLineSeries>
    <DxChartArgumentAxis>
        <DxChartAxisGridLines Visible="true" />
    </DxChartArgumentAxis>
</DxChart>

Chart - Grid Lines