AxisStyle.MajorTickmarksLength Property
Specifies the length of major tickmarks.
Namespace: DevExpress.XamarinForms.Charts
Assembly: DevExpress.XamarinForms.Charts.dll
NuGet Package: DevExpress.XamarinForms.Charts
Declaration
public float MajorTickmarksLength { get; set; }
Property Value
Type | Description |
---|---|
Single | The tickmark length, in scale-independent units. |
Remarks
Tickmarks (major and minor) divide an axis into equal sections by a step whose value is determined by the special options of an axis. Use the MajorTickmarksLength property to specify the length of major tickmarks. To change the tickmark thickness, use the MajorTickmarksThickness property.
Note
Tickmarks are hidden by default. Set the MajorTickmarksVisible property to True to show major tickmarks on a chart diagram.
To show and customize minor tickmarks, use the MinorTickmarksVisible, MinorTickmarksThickness and MinorTickmarksLength 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.
<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>