FlexChart | ComponentOne
FlexPie / Header & Footer
In This Topic
    Header & Footer
    In This Topic

    You can add a header to the FlexPie control by setting the Header property of FlexChartBase. Besides a header, you can add a footer to the control by setting the Footer property of FlexChartBase.

    See the following code snippet for setting the two properties:

    <Grid>
    
        <Chart:C1FlexPie 
            x:Name="flexPie" 
            InnerRadius="0.5"
            Offset="0.5"
            Header="Fruit Sales Data"
            Footer="2015"
            LegendOrientation="Horizontal"
            LegendPosition="Bottom"
            SelectionMode="Point" 
            SelectedItemPosition="Top"
            SelectedItemOffset="2"
            Margin="95,99,328,275" 
            Binding="April" 
            BindingName="Fruit" 
            ItemsSource="{Binding DataContext.Data}">
            <Chart:C1FlexPie.SelectionStyle>
                <Chart:ChartStyle Stroke="Red" 
                                  StrokeThickness="2"/>
            </Chart:C1FlexPie.SelectionStyle>
            <Chart:C1FlexPie.DataLabel>
                <Chart:PieDataLabel Content="{}{y}"/>
            </Chart:C1FlexPie.DataLabel>
        </Chart:C1FlexPie>
    </Grid>
    
    C#
    Copy Code
    flexPie.Header = "Fruit Sales Data";
    flexPie.Footer = "2015";