How to change the legend icons in Xamarin.Forms Chart?
You can customize the legend icon symbol for each series using the LegendIcon property of Xamarin.Forms 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.
C#
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.
I hope you enjoyed learning about how to ow to change the legend icons in Xamarin.Forms Chart.
You can refer to our Xamarin.Forms Chart featuretour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our Xamarin.Forms Chart example to understand how to create and manipulate data.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
