Axis Title

• Mar 19, 2021

A chart axis can have a title.

Use the AxisBase.Title property to specify title settings.

The following example adds titles to X and Y-axes:

XAML

<Charts:CartesianChart x:Name="chart" Grid.Row="1" Padding="5">
    <Charts:CartesianChart.AxisX>
        <Charts:AxisX>
            <Charts:AxisX.Title>
                <Charts:AxisTitle Content="Country"/>
            </Charts:AxisX.Title>
        </Charts:AxisX>
    </Charts:CartesianChart.AxisX>
    <Charts:CartesianChart.AxisY>
        <Charts:AxisY>
            <Charts:AxisY.Title>
                <Charts:AxisTitle Content="Population, millions"/>
            </Charts:AxisY.Title>
        </Charts:AxisY>
    </Charts:CartesianChart.AxisY>
    <Charts:CartesianChart.Legend>
        <Charts:Legend
                Margin="5"
                Orientation="Vertical"
                HorizontalPosition="Right"
                VerticalPosition="Top"
                Background="White"
                BorderThickness="1"
                BorderBrush="Gray" />
    </Charts:CartesianChart.Legend>
    <Charts:CartesianChart.Series>
        <Charts:Series DisplayName="0 - 14 years">
            <Charts:Series.Data>
                <Charts:DataPointCollection>
                    <Charts:DataPoint Argument="US" Value="58.553"/>
                    <Charts:DataPoint Argument="Japan" Value="18.680"/>
                    <Charts:DataPoint Argument="Germany" Value="13.012"/>
                    <Charts:DataPoint Argument="UK" Value="11.335"/>
                </Charts:DataPointCollection>
            </Charts:Series.Data>
        </Charts:Series>
        <Charts:Series
                DisplayName="15 - 64 years">
            <Charts:Series.Data>
                <Charts:DataPointCollection>
                    <Charts:DataPoint Argument="US" Value="182.181"/>
                    <Charts:DataPoint Argument="Japan" Value="86.343"/>
                    <Charts:DataPoint Argument="Germany" Value="56.331"/>
                    <Charts:DataPoint Argument="UK" Value="38.85"/>
                </Charts:DataPointCollection>
            </Charts:Series.Data>
        </Charts:Series>
        <Charts:Series
                DisplayName="65 years and older">
            <Charts:Series.Data>
                <Charts:DataPointCollection>
                    <Charts:DataPoint Argument="US" Value="34.834"/>
                    <Charts:DataPoint Argument="Japan" Value="21.525"/>
                    <Charts:DataPoint Argument="Germany" Value="13.451"/>
                    <Charts:DataPoint Argument="UK" Value="9.323"/>
                </Charts:DataPointCollection>
            </Charts:Series.Data>
        </Charts:Series>
    </Charts:CartesianChart.Series>
</Charts:CartesianChart>