# Header and Footer

## Content



In charts, headers are generally used for summarizing the chart and tell what a particular chart is all about. On the other hand, chart footers are generally used for mentioning the copyright information or source of data used in the chart.

![Chart Header and Footer](https://cdn.mescius.io/document-site-files/images/4e85e507-742e-4a29-b3fe-f23b37c29164/images/flexchart-headerfooter.png)

FlexChart allows you to set the header and footer of a chart by setting its [Header](/componentone/api/maui/online-maui/dotnet-api/C1.Maui.Chart/C1.Maui.Chart.FlexChartBase.Header.html) and [Footer](/componentone/api/maui/online-maui/dotnet-api/C1.Maui.Chart/C1.Maui.Chart.FlexChartBase.Footer.html) properties,respectively. It also lets you set the alignment of the chart header using the [HeaderAlignment](/componentone/api/maui/online-maui/dotnet-api/C1.Maui.Chart/C1.Maui.Chart.FlexChartBase.HeaderAlignment.html) property and alignment of the chart footer using the [FooterAlignment](/componentone/api/maui/online-maui/dotnet-api/C1.Maui.Chart/C1.Maui.Chart.FlexChartBase.FooterAlignment.html) property. The following code examples demonstrate how to set the chart header, footer and their alignment. This example uses the same data used in [Quick Start](/componentone/docs/maui/online-maui/maui-controls/flexchart-overview/flexchart-quickstart).

```xml
<c1:FlexChart x:Name="chart" ChartType="Column" BindingX="year" ItemsSource="{Binding ListItem}"
               Header="Country GDP (M$)" HeaderAlignment="Justified"  Footer="GDP"
               FooterAlignment="Right" LegendPosition="Bottom" Stacking="Stacked">
    <c1:Series Binding="Japan" SeriesName="Japan"/>
    <c1:Series Binding="India" SeriesName="India"/>
    <c1:Series Binding="US" SeriesName="US"/>
    <c1:Series Binding="UK" SeriesName="UK"/>
    <c1:FlexChart.AxisX>
        <c1:Axis Position="Bottom" />
    </c1:FlexChart.AxisX>
    <c1:FlexChart.AxisY>
        <c1:Axis Position="Left" />
    </c1:FlexChart.AxisY>
</c1:FlexChart>
```