DxChartAxisGridLines Class

Defines settings for axis grid lines.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

public class DxChartAxisGridLines :
    DxSettingsComponent<ChartAxisGridLinesModel>

Remarks

Grid lines span across the entire plot area in <DxChart> and <DxPolarChart>. These lines help users to compare point positions with corresponding axis values.

Use the DxChartAxisGridLines object to customize grid lines in the following components:

DxChart<T>A control that visualizes bound data as graphs: bar, area, line, and others.DxPolarChart<T>A control that visualizes bound data as graphs in polar coordinates.

The following example disables grid lines:

Chart
Polar

razor

<DxChart Data="forecasts">
    <DxChartLineSeries ArgumentField="@((WeatherForecast v) => v.Date)"
                       ValueField="@((WeatherForecast v) => v.TemperatureC)" />
    <DxChartValueAxis>
        <DxChartAxisGridLines Visible="false" />
    </DxChartValueAxis>
    @* ... *@
</DxChart>

razor

<DxPolarChart Data="forecasts">
    <DxPolarChartLineSeries ArgumentField="@((WeatherForecast v) => v.Date)"
                            ValueField="@((WeatherForecast v) => v.TemperatureC)" />
    <DxPolarChartArgumentAxis>
        <DxChartAxisGridLines Visible="false" />
    </DxPolarChartArgumentAxis>
    <DxPolarChartValueAxis>
        <DxChartAxisGridLines Visible="false" />
    </DxPolarChartValueAxis>
    @* ... *@
</DxPolarChart>

Implements

Inheritance

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