DxChartAxisGridLines Class

Defines settings for axis grid lines.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.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:

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

Inheritance

Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.Internal.ChartAxisGridLinesModel>
DxChartAxisGridLines
See Also