We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to add custom axis labels in numerical axis?

Platform: Xamarin.Forms |
Control: SfChart |
Published Date: December 31, 2015 |
Last Revised Date: June 27, 2019

SfChart provides support to replace the internally generated axis labels with custom text. Text of the each axis label can be changed using the LabelCreated event of the axis.

The following code illustrates how to show string labels in secondary axis.

XAML

<chart:SfChart.SecondaryAxis>
    <chart:NumericalAxis LabelCreated="Chart_SecondaryAxis_LabelCreated" />
</chart:SfChart.SecondaryAxis>

C#

NumericalAxis secondary = new NumericalAxis ();
chart.SecondaryAxis = secondary;
chart.SecondaryAxis.LabelCreated += Chart_SecondaryAxis_LabelCreated;
 
void Chart_SecondaryAxis_LabelCreated(object sender, ChartAxisLabelEventArgs e)
{
     double label = Convert.ToDouble(e.LabelContent);
 
     if (label < 25)
         e.LabelContent = "Bad";
     else if (label >= 25 && label < 40)
         e.LabelContent = "Not Ok";
     else if (label >= 40 && label < 60)
         e.LabelContent = "Ok";
     else
         e.LabelContent = "Good";
}

Output:

Chart with customized Y Axis labels in Xamarin.Forms

 

 

 

2X faster development

The ultimate Xamarin UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon