How to customize the icons of the legends in SfChart?

Description:

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

Solution:

As cited above, the legends describe the information about the series. So, its label and icon are defined from the series by using the Label and LegendIcon properties. The LegendIcon property is an enum property that holding the values like rectangle, circle, cross, etc.

Also, you can make the legend icon as thumbnail for series shapes by choosing the SeriesType as value for the LegendIcon property as shown 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: LegendIcon is set to “SeriesType.