Articles in this section
Category / Section

How to float the legend on chart?

1 min read

Description:

Legends are not restricted to be positioned on the top of the chart. It can be placed on or around the plot area. This article describes how the legends position can be customized.

 

Solution:

Essential chart for Xamarin.Forms provides the following properties to align or position the legends anywhere in the chart.

The DockPosition property is used to position the legends at the bottom, left, right, or top of the chart, and the Floating property is used to position the legends anywhere over the plot area using the coordinates.

The OffsetX and OffsetY properties are used to provide horizontal and vertical offsets for the legends. These properties work only when the DockPosition is set to Floating.

The following code illustrates how to use this property.

XAML

<chart:SfChart.Legend>
       <chart:ChartLegend OffsetX="50" OffsetY="45" 
         DockPosition="Floating" />
</chart:SfChart.Legend>

C#

chart.Legend = new ChartLegend()
{
  OffsetX = 50,
  OffsetY = 45,
  DockPosition = LegendPlacement.Floating
};

 

Output:

Chart legend position is customized in Xamarin.Forms

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied