How to change the legend position in Xamarin.Forms Chart?
Xamarin.Forms Chart allows you to position the legend relative to the chart area using coordinates, or the DockPosition property of ChartLegend.
By default, the legend items are arranged horizontally or vertically based on its dock position. You can also set specific orientation using Orientation property.
The following code example illustrates how to position legend to the left of chart.
XAML
// Legend position at left. <chart:SfChart.Legend> <chart:ChartLegend DockPosition="Left"/> </chart:SfChart.Legend>
C#
// Legend position at left. Chart.Legend.DockPosition = LegendPlacement.Left;
Output:
Figure 1- Legend docked at left
The following code example illustrates how to position legend using coordinates.
XAML
// Positioning legend using coordinates <chart:SfChart.Legend> <chart:ChartLegend DockPosition="Floating" OffsetX="70" OffsetY="90"/> </chart:SfChart.Legend>
C#
// Positioning legend using coordinates chart.Legend.DockPosition = LegendPlacement.Floating; chart.Legend.OffsetX = 70; chart.Legend.OffsetY = 90;
Output:
Figure 2- Positioned legend using coordinates
I hope you enjoyed learning how to change the legend position in Xamarin.Forms Chart.
You can refer to our Xamarin.Forms Chart feature tour 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 Charts 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!
