Append string to data marker label

How do i append a string to the data marker label of barSeries

currently my label is shown as 93.09. i want it to display as 93.09 %

setting LabelContent to Percentage has caused the data marker to go all wrong.

1 Reply

MK Muneesh Kumar G Syncfusion Team September 4, 2019 10:39 AM UTC

Hi Benjamin, 
 
Greetings from Syncfusion, 
  
We have analyzed your requirement and you can achieve this by setting LabelTemplate for DataMarker label and include the % symbol in template customization as per the below code snippet.  
 
Code snippet 
 
<ContentPage.Resources> 
    <ResourceDictionary> 
        <DataTemplate x:Key="dataMarkerTemplate"> 
            <StackLayout Orientation="Horizontal"> 
                <Label Text="{Binding Value}" VerticalOptions="Center" FontSize = "15"/> 
                <Label Text=" %" VerticalOptions="Center" FontSize = "15"/> 
            </StackLayout> 
        </DataTemplate>     
    </ResourceDictionary> 
</ContentPage.Resources> 
 
<chart:SfChart.Series> 
    <chart:BarSeries ItemsSource="{Binding Data}" XBindingPath="Name" YBindingPath="Value"> 
        <chart:BarSeries.DataMarker> 
            <chart:ChartDataMarker ShowLabel="True" LabelTemplate="{StaticResource dataMarkerTemplate}">  
            </chart:ChartDataMarker> 
        </chart:BarSeries.DataMarker> 
    </chart:BarSeries> 
</chart:SfChart.Series> 
 
 
 
Please let us know if you have any other queries.  
 
Thanks,  
Muneesh Kumar G  
 


Loader.
Up arrow icon