mobilecontrols-devexpress-dot-xamarinforms-dot-charts-dea001c4.md
Stores axis appearance settings.
Namespace : DevExpress.XamarinForms.Charts
Assembly : DevExpress.XamarinForms.Charts.dll
NuGet Package : DevExpress.XamarinForms.Charts
public class AxisStyle :
StyleBase
The following members return AxisStyle objects:
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 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
|
| |
Minor tickmarks
|
| |
Major grid lines
|
| |
Minor grid lines
|
|
To customize an axis line, use the LineColor and LineThickness properties. The LineVisible property allows you to control the axis visibility.
You can make a diagram’s background striped by alternating two colors. To do this, set the InterlacedVisible property to True, and specify the color using the InterlacedColor property.
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.
<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>
Object ChartElement StyleBase AxisStyle
See Also