Formatting chart values using Syncfusion for Xamarin Forms

Question

I’m using the Syncfusion to create graphics in Xamarin Forms.

Studying the documentation, I could not find a way to format the values of my chart, example:

I want these values formatted for Brazilian currency : October - R$ 14,421,52

Does anyone know how I can do it?

My page in XAML:

<chart:SfChart.Series>
    <chart:BarSeries ItemsSource="{Binding PieSeriesData}" Color="Red" XBindingPath="Name" YBindingPath="Value" LegendIcon="Rectangle" Label="Valor (R$)" EnableAnimation="True">
        <chart:BarSeries.DataMarker>
            <chart:ChartDataMarker LabelContent="YValue" ShowLabel="True">
                <chart:DataMarkerLabelStyle LabelFormat="R$##,##" LabelPosition="Center"/>
            </chart:ChartDataMarker>
        </chart:BarSeries.DataMarker>
    </chart:BarSeries>
</chart:SfChart.Series>

Answer 1

In contact with the support of Syncfusion:

You can reach this requirement by setting a Datatemplate with a Ivalueconvert to data marker and using property Chartdatamarker.LabelTemplate. See the following code snippet for more details.

Datetemplate:

<ResourceDictionary >    
 <local: DataMarkerConverter x:Key="labelConverter"></local: DataMarkerConverter>     
  <DataTemplate x:Key="LabelTemplate">     
    <StackLayout>    
        <Label Text="{Binding YValue, Converter={StaticResource labelConverter}"/>     
    </StackLayout>    
  </DataTemplate>    
</ResourceDictionary>    

Converter:

public class DataMarkerConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        double yValue = System.Convert.ToDouble(value);
        return yValue.ToString("#,###.##", new CultureInfo("pt-BR"));
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value;
    }
}