ComponentOne FlexChart for UWP
FlexRadar / Legend and Titles
In This Topic
    Legend and Titles
    In This Topic

    Legend

    The legend displays entries for series with their names and predefined symbols. In FlexRadar, you can perform various customizations with the legend of FlexRadar, as follows:

    Header and Footer

    Header and Footer are descriptive texts at the top and bottom of the chart that provide information about the overall chart data. You can access Header and Footer of FlexRadar by using the Header and the Footer property respectively, of the FlexChartBase class. Possible customizations with Header and Footer are as follows:

    The following image displays FlexRadar with the legend and titles set.

    The following code snippet demonstrates how to set various properties.

    <Chart:C1FlexRadar Header="Fruit Chart" 
                       LegendOrientation="Horizontal" 
                       LegendPosition="Bottom" 
                       ChartType="Area" 
                       StartAngle="10" 
                       Reversed="True" 
                       ItemsSource="{Binding DataContext.Data}" 
                       BindingX="Fruit" 
                       Margin="0,220,20,130" LegendTitle="Month">
        <Chart:C1FlexRadar.LegendStyle>
            <Chart:ChartStyle FontFamily="Arial" 
                              FontSize="10" 
                              FontWeight="Bold" 
                              Stroke="RoyalBlue"/>
        </Chart:C1FlexRadar.LegendStyle>
        <Chart:C1FlexRadar.LegendTitleStyle>
            <Chart:ChartStyle FontFamily="Arial" 
                              FontSize="13" 
                              FontWeight="Bold" 
                              Stroke="#FF371649"/>
        </Chart:C1FlexRadar.LegendTitleStyle>
        <Chart:C1FlexRadar.HeaderStyle>
            <Chart:ChartStyle FontFamily="Arial" 
                              FontSize="14" 
                              FontWeight="Bold" 
                              Stroke="Blue"/>
        </Chart:C1FlexRadar.HeaderStyle>
        <Chart:C1FlexRadar.Series>
            <Chart:Series SeriesName="March" 
                          Binding="March"></Chart:Series>
            <Chart:Series SeriesName="April" 
                          Binding="April"></Chart:Series>
            <Chart:Series SeriesName="May" 
                          Binding="May"></Chart:Series>
        </Chart:C1FlexRadar.Series>
    </Chart:C1FlexRadar>
    
    C#
    Copy Code
    // set the FlexRadar header
    flexRadar.Header = "Fruit Chart";
    
    // set the legend orientation
    flexRadar.LegendOrientation = C1.Chart.Orientation.Horizontal;
    
    // set the legend position
    flexRadar.LegendPosition = C1.Chart.Position.Bottom;
    
                   
    VB
    Copy Code
    ' set the FlexRadar header
    flexRadar.Header = "Fruit Chart"
    
    ' set the legend orientation
    flexRadar.LegendOrientation = C1.Chart.Orientation.Horizontal
    
    ' set the legend position
    flexRadar.LegendPosition = C1.Chart.Position.Bottom