How to change the legend icons?

1 min read

You can customize the legend icon symbol for each series using the LegendIcon property of ChartSeries. The following symbols can be set for legend icon:

Rectangle
StraightLine
Circle
Diamond
Pentagon
Triangle
InvertedTriangle
Cross
SeriesType

Note: When you set the LegendIcon property to SeriesType, the shape of the icon will be the prototype of the respective series.

chart.Legend = new ChartLegend();
 
columnSeries1.LegendIcon = ChartLegendIcon.Triangle;
columnSeries2.LegendIcon = ChartLegendIcon.SeriesType;
columnSeries3.LegendIcon = ChartLegendIcon. InvertedTriangle;

[XAML]

<chart:SfChart.Legend>
      <chart:ChartLegend/>
 </chart:SfChart.Legend>
 
<chart:ColumnSeries ItemsSource="{Binding data}" LegendIcon ="Triangle">
</chart:ColumnSeries>
<chart:ColumnSeries ItemsSource="{Binding data1}" LegendIcon ="SeriesType">
</chart:ColumnSeries>
<chart:ColumnSeries ItemsSource="{Binding data2}" LegendIcon ="InvertedTriangle"> </chart:ColumnSeries>

The following screenshot displays the different legend icons for each series.

$C:\Users\yuvaraj.palanisamy\Pictures\android5.png$

Did you find this information helpful?

Yes

Comments (0)