Axis Labels

• Mar 03, 2021

Axis Labels are generated automatically based on the axis scale and displayed along the axis. The AxisBase.ShowLabels property specifies whether labels are visible. The AxisBase.LabelOptions property provides access to axis label settings.

The following markup customizes the text format, rotation angle and font size of axis labels:

XAML

<Charts:CartesianChart ...>
    <Charts:CartesianChart.AxisX>
        <Charts:AxisX ShowLabels="True">
            <Charts:AxisX.LabelOptions>
                <Charts:AxisLabelOptions Pattern="{}{V:MMMM}" Angle="0" FontSize="10"/>
            </Charts:AxisX.LabelOptions>
        </Charts:AxisX>
    </Charts:CartesianChart.AxisX>
    <Charts:CartesianChart.AxisY>
        <Charts:AxisY ShowLabels="True">
            <Charts:AxisY.LabelOptions>
                <Charts:AxisLabelOptions Pattern="${V}K"/>
            </Charts:AxisY.LabelOptions>
        </Charts:AxisY>
    </Charts:CartesianChart.AxisY>
    ...
</Charts:CartesianChart>