Skip to main content

AxisStyle.MajorGridlinesVisible Property

Gets or sets whether grid lines are displayed. This is a bindable property.

Namespace: DevExpress.Maui.Charts

Assembly: DevExpress.Maui.Charts.dll

NuGet Package: DevExpress.Maui.Charts

Declaration

public DefaultBoolean MajorGridlinesVisible { get; set; }

Property Value

Type Default Description
DefaultBoolean Default

A DefaultBoolean value that specifies whether grid lines are visible.

Available values:

Name Description
Default

The value is determined by the current object’s parent object setting (e.g., a control setting).

True

Corresponds to a Boolean value of true.

False

Corresponds to a Boolean value of false.

Remarks

Grid Lines (major and minor) are reference lines drawn across an axis from its tickmarks through the entire chart. They are hidden by default. Set the MajorGridlinesVisible property to DevExpress.Maui.Charts.DefaultBoolean.True to show major grid lines on a chart diagram. To change grid line thickness and color, use the MajorGridlinesThickness and MajorGridlinesColor properties, respectively.

To show and customize minor grid lines, use the MinorGridLinesVisible, MinorGridlinesThickness and MinorGridlinesColor properties.

Example

This example uses the AxisStyle class properties to customize axis lines, display grid lines and tickmarks with the specified appearance, and enable interlaced color intervals on the chart diagram.

Axis Style

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ChartAxesExample.MainPage"
             xmlns:dxc="clr-namespace:DevExpress.Maui.Charts;assembly=DevExpress.Maui.Charts">
  <ContentPage.Resources>
    <dxc:AxisStyle x:Key="axisStyle" 
                   LineThickness="1" LineColor="Black"
                   MajorGridlinesVisible="True" MajorGridlinesThickness="1" MajorGridlinesColor="Black"
                   MinorGridLinesVisible="True" MinorGridlinesThickness="1" MinorGridlinesColor="LightGray"
                   MajorTickmarksVisible="True" MajorTickmarksThickness="1" MajorTickmarksLength="15"
                   MinorTickmarksVisible="True" MinorTickmarksThickness="1" MinorTickmarksLength="10"
                   InterlacedVisible="True" />
  </ContentPage.Resources>
  <dxc:ChartView>
    <!--...-->
    <dxc:ChartView.AxisX>
        <dxc:DateTimeAxisX Style="{StaticResource axisStyle}" />
    </dxc:ChartView.AxisX>
    <dxc:ChartView.AxisY>
        <dxc:NumericAxisY Style="{StaticResource axisStyle}"/>
    </dxc:ChartView.AxisY>
  </dxc:ChartView>
</ContentPage>
See Also