AxisStyle Class

Stores axis appearance settings.

Assembly : DevExpress.Maui.Charts.dll

NuGet Package : DevExpress.Maui.Charts

Declaration

csharp

public class AxisStyle :
    StyleBase

The following members return AxisStyle objects:

AxisBase.Style

Remarks

You can customize the x- and y-axis appearance to improve the readability of a chart’s visual data. To do this, create an AxisStyle object, specify its properties’ values, and assign this object to the axis’s Style property.

Tickmarks and Grid Lines

Tickmarks divide an axis into equal sections by a step whose value is determined by the special options of an axis.

Grid Lines are reference lines drawn across an axis from its tickmarks through the entire chart.

There are two types of tickmarks and grid lines: major and minor. Use the following properties to modify the appearance of tickmarks and grid lines:

Axis Elements

Properties

| | --- | --- | |

Major tickmarks

MajorTickmarksVisible

MajorTickmarksThickness

MajorTickmarksLength

| |

Minor tickmarks

MinorTickmarksVisible

MinorTickmarksThickness

MinorTickmarksLength

| |

Major grid lines

MajorGridlinesVisible

MajorGridlinesThickness

MajorGridlinesColor

| |

Minor grid lines

MinorGridLinesVisible

MinorGridlinesThickness

MinorGridlinesColor

Axis Line

To customize an axis line, use the LineColor and LineThickness properties. The LineVisible property allows you to control the axis visibility.

Interlacing

You can make a diagram’s background striped by alternating two colors. To do this, set the InterlacedVisible property to DevExpress.Maui.Charts.DefaultBoolean.True , and specify the color using the InterlacedColor property.

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.

XAML

xaml

<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>