How to change the legend position?

1 min read

Essential chart for Xamarin.Forms 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>

// Legend position at left.
Chart.Legend.DockPosition = LegendPlacement.Left;

Output:

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

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>

// Positioning legend using coordinates
chart.Legend.DockPosition = LegendPlacement.Floating;
chart.Legend.OffsetX = 70;
chart.Legend.OffsetY = 90;

Output:

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

Figure 2- Positioned legend using coordinates

Did you find this information helpful?

Yes

Comments (0)

How to change the legend position?

Access denied