How to display the legend icon in the current chart series type shape?

Description

Legends are like metadata for the series presented in the plot. This article describes the way to customize the icons in that legends.

Solution

As cited above, the legends describe the information about the series. So, its label and icon are defined from the series Label and LegendIcon properties. The LegendIcon property is an enum property that holds values like Rectangle, Circle, Cross, etc.

You can also make the legend icon as thumbnail for series shapes by choosing the SeriesType as value for the LegendIcon property as given in the following code example.

XAML

 <syncfusion:SfChart.Legend>
     <syncfusion:ChartLegend/>
 </syncfusion:SfChart.Legend>
<!--LegendIcon is set "SeriesType"-->
 <syncfusion:LineSeries LegendIcon="SeriesType" Label="Series1"
                        ItemsSource="{Binding Computers}"
                        XBindingPath="Computer"
                        YBindingPath="Year2013"/>                                       

C#

this.sampleChart.Series[0].LegendIcon = ChartLegendIcon.SeriesType;

Output

The following screenshot illustrates the output after the LegendIcon is set to SeriesType.

Figure 1:SfChart with Series Type Legend