Adding text to DataMarker

[Drew Wilson]

How can I add additional text to data markers on a doughnut chart? Currently I have

...

<chart:ChartDataMarker LabelContent="YValue">

...

which displays a number as the data marker but I need to format that number to represent money.

So, essentially, I need to add a "$" before the number on the marker but something like the following does not work (obviously)

...

<chart:ChartDataMarker LabelContent="$YValue">

...

Thanks!

[Jaikrishna Chandrasekar]

Hi Drew Wilson,  

   

Thanks for contacting Syncfusion support.   

   

We can add additional text to datamarker label. The LabelStyle of ChartDataMarker has a Property called LabelFormat which is used to format the datamarker labels. By using this LabelFormat, we can add $ symbol as prefix to the datamarker label.   

  

The following code illustrates how to add $ symbol as prefix to datamarker labels.   

  

XAML   

<chart:DoughnutSeries  ItemsSource="{Binding data}">
        <chart:DoughnutSeries.DataMarker>
               <chart:ChartDataMarker>
                       <chart:ChartDataMarker.LabelStyle>
                              <chart:DataMarkerLabelStyle LabelFormat ="$"/>
                       </chart:ChartDataMarker.LabelStyle>
                </chart:ChartDataMarker>
        </ chart:DoughnutSeries.DataMarker>
</ chart:DoughnutSeries  >   

 

  

   

   

C#   

DoughnutSeries series = new DoughnutSeries ();
series.ItemsSource = data;
series.DataMarker = new ChartDataMarker () {
           LabelStyle = new DataMarkerLabelStyle (){LabelFormat="$"},
};   

 

  

   

   

Regards   

Jaikrishna C   

 

[Drew Wilson]

Worked perfectly!

[Gobi M]

Hi Drew Wilson,  

 

Thanks for the update. 

 

Please let us know for any queries. 

 

Regards, 

Gobi M 

 

[Drew Wilson]

I would like to further format this as currency by adding commas every 3 digits and two decimal places. Is it possible to do something like:

  <chart:DataMarkerLabelStyle LabelFormat ="$###,###.##"/>

Thanks

[Yuvaraj Palanisamy]

Hi Drew Wilson, 

 

We have prepared a sample as per your requirement. Please find the sample from the below location, 

 

Sample: http://www.syncfusion.com/downloads/support/forum/124670/ze/DataMarkerLabel-404187800  

  

Thanks, 

Yuvaraj