How can I format the legend text?

Description:

Legends do not need to be restricted to be positioned on top of the chart. It is required to place in or around the plot area, based on the series or data. This article describes how you can customize the legend position.

Solution:

SfChart has properties that help you align or position the legends anywhere in the chart. For example, DockPosition is used to position the legends either at the Bottom, Left, Right or at the Top. Another option is Floating, that can be used to position the legends anywhere over the plot area.

The OffsetX and OffsetY properties are used to give horizontal and vertical offset for the legends. These properties work only with DockPosition as Floating.

LegendPosition is used to place the legends Inside or Outside of the plot area.

Example 1:

XAML

<chart:ChartLegend x:Name="Legend1" 
                                       Header="MultipleSeries"   
                                       FontSize="20"                        
                                       DockPosition="Top"   
                                       LegendPosition="Outside" 
                                       >                        
</chart:ChartLegend>

Output:

Figure 1: Legends positioned with DockPosition at the Top and LegendPosition Outside

Example 2

XAML

<chart:ChartLegend x:Name="Legend1" 
                                       Header="MultipleSeries"  
                                       FontSize="16"                                    
                                       OffsetX="470"
                                       OffsetY="400"
                                       DockPosition="Floating"   
                                       LegendPosition="Inside" 
                                       >                        
                    </chart:ChartLegend>

Output:

Figure 2: Legends positioned with DockPosition as Floating and LegendPosition as Inside