Axis title position

Thread ID:	Created:	Updated:	Platform:	Replies:
145209	Jun 12,2019 01:18 PM UTC	Jun 13,2019 11:12 AM UTC	Xamarin.Forms	1

Subscribe to this post

Tags: SfChart

Pablo

Asked On June 12, 2019 01:18 PM UTC

Hello, is it possible to change the axis title position? I didn't find anything related in the documentation.

Something like this:

Thanks in advance

Reply | Reply with quote

Bharathiraja K [Syncfusion]

Replied On June 13, 2019 11:12 AM UTC

Hi Pablo,

Greetings. Currently we don’t have support to customize the axis title position. Instead of axis title, we can achieve your requirement by using axis label created event to add the text like the given image.

[XAML]

<chart:NumericalAxis x:Name="XAxis" LabelCreated="LabelCreated" EdgeLabelsVisibilityMode="AlwaysVisible" EdgeLabelsDrawingMode="Fit" Minimum="0" Maximum="24" Interval="3" ShowMajorGridLines="False" ShowMinorGridLines="False">

. . .

</chart:NumericalAxis>

[C#] Changing the final label content

private void LabelCreated(object sender, ChartAxisLabelEventArgs e)

{

var axis = sender as NumericalAxis;

if(axis == chart.SecondaryAxis && e.Position == axis.Maximum)

{

e.LabelContent = "KWh";

e.LabelStyle = new ChartAxisLabelStyle() { FontAttributes = FontAttributes.Bold };

}

else if(axis == chart.PrimaryAxis && e.Position == axis.Maximum)

{

e.LabelContent += "h";

e.LabelStyle = new ChartAxisLabelStyle() { FontAttributes = FontAttributes.Bold };

}

To know more about Label created event please refer the below link.

https://help.syncfusion.com/xamarin/sfchart/axis#event

We have prepared the sample that can be downloaded from below link.

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/SimpleSample531755743.zip

Regards,

Bharathi.

Reply | Reply with quote

CONTACT US

Axis title position

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US