Currency Format Tooltip

Question

For the accumulation chart, how do you get the toolTip to format the y value in currency format? I have tried format: 'c0', format: formatter.format('${point.y}'), etc without success. Line chart, I can get it to format with c0 but I want grouping or separators like $345,678.

Thanks!

Srihari Muthukaruppan · Answer

Hi Mark, 
 
Greetings from Syncfusion. 
 
We have analyzed your query. From that, we would like to let you know that we can achieve your requirement by using tooltipRender event and useGroupingSeperator property in the chart. Based on your requirement we have prepared a sample for your reference. Please find the below sample, code snippet and screenshot. 

Sample: https://stackblitz.com/edit/jujntr-mrmqhh?file=index.ts 
 
Code Snippet: 




// add additional code here  
        tooltipRender: (args: IAccTooltipRenderEventArgs) => { 
              let text = args.text.split(' '); 
              text[2] = " $" + text[2]; 
              args.text = text[0] + text[1] + text[2]; 
        }, 
// add additional code here 
 
Screenshot:  
  
 
Let us know if you have any concerns. 

Regards, 
Srihari M