AxisBase.Style Property

Gets or sets the axis appearance settings.

Namespace: DevExpress.XamarinForms.Charts

Assembly: DevExpress.XamarinForms.Charts.dll

Declaration

public AxisStyle Style { get; set; }

Property Value

Type Description
AxisStyle

An AxisStyle object that stores axis appearance settings.

Remarks

ChartView allows you to control the visibility and change the appearance of its x- and y-axis line, tickmarks and grid lines. You can also enable interlaced color intervals on the diagram's surface. To customize these elements of an axis, create an AxisStyle object, specify its properties' values, and assign this object to the axis's Style property.

Examples

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.

Axis Style

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ChartAxesExample.MainPage"
             xmlns:dxc="clr-namespace:DevExpress.XamarinForms.Charts;assembly=DevExpress.XamarinForms.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