AxisStyle.MajorGridlinesColor Property

Specifies the color of major grid lines.

Namespace: DevExpress.XamarinForms.Charts

Assembly: DevExpress.XamarinForms.Charts.dll

NuGet Package: DevExpress.XamarinForms.Charts

Declaration

public Color MajorGridlinesColor { get; set; }

Property Value

Type	Description
Color	A Color object that specifies the grid line color.

Remarks

Grid Lines (major and minor) are reference lines drawn across an axis from its tickmarks through the entire chart. Use the MajorGridlinesColor property to specify the color of major grid lines. To change the line thickness, use the MajorGridlinesThickness property.

Note

Grid lines are hidden by default. Set the MajorGridlinesVisible property to True to show major grid lines on a chart diagram.

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

Example

This example demonstrates how to use 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.

XAML

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ChartAxesExample.MainPage"
             xmlns:dxc="http://schemas.devexpress.com/xamarin/2014/forms/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>