# Axis Titles | WPF Controls | DevExpress Documentation

The [2D XY Diagram](/WPF/115312/controls-and-libraries/charts-suite/chart-control/diagram/2d-xy-diagram)‘s [axes](/WPF/6334/controls-and-libraries/charts-suite/chart-control/axes/axes) (both [primary](/WPF/7845/controls-and-libraries/charts-suite/chart-control/axes/primary-and-secondary-axes) and [secondary](/WPF/7845/controls-and-libraries/charts-suite/chart-control/axes/primary-and-secondary-axes) ones) can have a title.

![WPF_AxisTitlesOverview](/WPF/images/wpf_axistitlesoverview120730.png)

This document consists of the following sections:

- How to Add a Title to an Axis
- How to Modify Title Appearance

Note

The Chart Control can hide its elements if there is insufficient space to display them. Elements are hidden in the following order:

1. [Legends](/WPF/6343/controls-and-libraries/charts-suite/chart-control/legends)
2. **Axis Titles**
3. [Series Titles](/WPF/7941/controls-and-libraries/charts-suite/chart-control/series/series-titles)
4. [Pane Titles](/WPF/400428/controls-and-libraries/charts-suite/chart-control/panes/pane-titles)
5. [Axes](/WPF/6334/controls-and-libraries/charts-suite/chart-control/axes/axes)
6. [Chart Title](/WPF/7844/controls-and-libraries/charts-suite/chart-control/chart-titles)
7. [Breadcrumbs](/WPF/400717/controls-and-libraries/charts-suite/chart-control/provide-data/drill-down#customize-text-the-chart-displays-in-the-breadcrumb-panel)

To make the Chart Control always display its elements, disable the [ChartControl.AutoLayout](/WPF/DevExpress.Xpf.Charts.ChartControlBase.AutoLayout) property.

## How to Add a Title to an Axis

The markup below shows how to create titles for x- and y-axes and specify their content:

- XAML

<section id="tabpanel_XsHsy71zja_tabid-xaml" role="tabpanel" data-tab="tabid-xaml">
<pre><code class="lang-xaml">&lt;dxc:XYDiagram2D&gt;
    &lt;dxc:XYDiagram2D.AxisX&gt;
        &lt;dxc:AxisX2D&gt;
            &lt;dxc:AxisX2D.Title&gt;
                &lt;dxc:AxisTitle Content=&quot;Year&quot;/&gt;
            &lt;/dxc:AxisX2D.Title&gt;
        &lt;/dxc:AxisX2D&gt;
    &lt;/dxc:XYDiagram2D.AxisX&gt;
    &lt;dxc:XYDiagram2D.AxisY&gt;
        &lt;dxc:AxisY2D&gt;
            &lt;dxc:AxisY2D.Title&gt;
                &lt;dxc:AxisTitle Content=&quot;Oil Price (USD)&quot;/&gt;
            &lt;/dxc:AxisY2D.Title&gt;
        &lt;/dxc:AxisY2D&gt;
    &lt;/dxc:XYDiagram2D.AxisY&gt;
&lt;!--...--&gt;
&lt;/dxc:XYDiagram2D&gt;
</code></pre></section>

Use the following classes and properties to configure axis titles:

| Class or Property | Description |
| --- | --- |
| [XYDiagram2D](/WPF/DevExpress.Xpf.Charts.XYDiagram2D) | The XY Diagram. |
| [XYDiagram2D.AxisX](/WPF/DevExpress.Xpf.Charts.XYDiagram2D.AxisX) | Gets or sets an x-axis. |
| [XYDiagram2D.AxisY](/WPF/DevExpress.Xpf.Charts.XYDiagram2D.AxisY) | Gets or sets a y-axis. |
| [AxisX2D](/WPF/DevExpress.Xpf.Charts.AxisX2D) | An x-axis. |
| [AxisY2D](/WPF/DevExpress.Xpf.Charts.AxisY2D) | A y-axis. |
| [Axis.Title](/WPF/DevExpress.Xpf.Charts.Axis.Title) | Gets or sets the axis title’s options. |
| [AxisTitle](/WPF/DevExpress.Xpf.Charts.AxisTitle) | The axis title. |
| [TitleBase.Content](/WPF/DevExpress.Xpf.Charts.TitleBase.Content) | The axis title’s content. |

## How to Modify Title Appearance

The Chart control makes it possible to alter the axis title’s appearance in different ways. For example, you can assign a [DataTemplate](https://learn.microsoft.com/dotnet/api/system.windows.datatemplate) object to the [TitleBase.ContentTemplate](/WPF/DevExpress.Xpf.Charts.TitleBase.ContentTemplate) property.

![AxisTitleCustomization](/WPF/images/axistitlecustomization127790.png)

The following XAML markup shows how to do this:

- XAML

<section id="tabpanel_XsHsy71zja-1_tabid-xaml" role="tabpanel" data-tab="tabid-xaml">
<pre><code class="lang-xaml">&lt;Window.Resources&gt;
    &lt;DataTemplate x:Key=&quot;axisTitle&quot;&gt;
        &lt;TextBlock Text=&quot;{Binding}&quot;
                   Foreground=&quot;Black&quot; 
                   FontFamily=&quot;SegoeUI&quot;
                   FontStyle=&quot;Italic&quot; 
                   FontSize=&quot;16&quot; 
                   FontWeight=&quot;Medium&quot; 
                   FontStretch=&quot;Normal&quot;&gt;
        &lt;/TextBlock&gt;
    &lt;/DataTemplate&gt;
&lt;/Window.Resources&gt;
&lt;!--...--&gt;
&lt;dxc:XYDiagram2D.AxisY&gt;
    &lt;dxc:AxisY2D&gt;
        &lt;dxc:AxisY2D.Title&gt;
            &lt;dxc:AxisTitle Content=&quot;Oil Price (USD)&quot; 
                           ContentTemplate=&quot;{StaticResource axisTitle}&quot;
                           Alignment=&quot;Center&quot;/&gt;
        &lt;/dxc:AxisY2D.Title&gt;
    &lt;/dxc:AxisY2D&gt;
&lt;/dxc:XYDiagram2D.AxisY&gt;
</code></pre></section>

Use the following properties to apply a **data template** for axis title customization:

| Property | Description |
| --- | --- |
| [TitleBase.Content](/WPF/DevExpress.Xpf.Charts.TitleBase.Content) | Specifies a axis title content. |
| [TitleBase.ContentTemplate](/WPF/DevExpress.Xpf.Charts.TitleBase.ContentTemplate) | Gets or sets a template that specifies how the title looks. |
| [AxisTitle.Alignment](/WPF/DevExpress.Xpf.Charts.AxisTitle.Alignment) | Gets or sets the axis title’s alignment. |

See Also

[Axes](/WPF/6334/controls-and-libraries/charts-suite/chart-control/axes/axes)

[Chart Titles](/WPF/7844/controls-and-libraries/charts-suite/chart-control/chart-titles)

[Series Titles](/WPF/7941/controls-and-libraries/charts-suite/chart-control/series/series-titles)