Number abbreviations on axis

[Peter Yates]

Is there any way to abbreviate numbers on an axis label? For example turn $1,000,000 into $1m and turn $1,000 into $1k. In addition I need it to work dynamically so the abbreviation changes on demand as the user shows and hides data series in a chart and the range on the axis changes accordingly.

Not a huge deal, just trying to save some screen space on the y axis labels on smaller screens when the numbers get really big.

Thanks

[Bharathiraja K]

Hi Peter,  

 

Greetings from Syncfusion. You can abbreviate the axis label, by modifying the label content in LabelCreated event of NumericalAxis class. This event will be triggered for every label created and passes the values using the event arguments such as Position, LabelContent and LabelStyle. We can provide customization to the individual labels by using these arguments. 

 

[XAML]: 

<chart:SfChart.SecondaryAxis> 

  <chart:NumericalAxis Minimum="1000" Maximum="1000000"   LabelCreated="NumericalAxis_LabelCreated"> 

  </chart:NumericalAxis> 

</chart:SfChart.SecondaryAxis> 

 

[C#]: 

private void NumericalAxis_LabelCreated(object sender, ChartAxisLabelEventArgs e) 

    { 

            var position = e.Position; 

            var label = position.ToString("#,#", CultureInfo.InvariantCulture); 

            if (position >= 1000 && position < 1000000) 

            { 

                label = position.ToString("#,##0,K", CultureInfo.InvariantCulture); 

            } 

            else if (position >= 1000000 && position < 1000000000) 

            { 

                label = position.ToString("#,##0,,M", CultureInfo.InvariantCulture); 

            } 

            else if (position >= 1000000000) 

            { 

                label = position.ToString("#,##0,,,B", CultureInfo.InvariantCulture); 

            } 

  

            e.LabelContent = label; 

        } 

    } 

  

We have prepared the sample based on your requirement and it can be downloaded from the below link. 

  

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

  

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

 

Output: 

 

 

Regards, 

Bharathi. 

[Peter Yates]

Bharathi,

Thanks for the quick response. That works great.

[Bharathiraja K]

Hi Peter, 

 

Thanks for your update.  

  

-Bharathi.