Format Syncfusion Tooltip seperately from the axis

48 Views Asked by At

I would like to be able to format the text in the tooltip differently than that y-axis. The y-axis does not show the cents. I would like to show the cents on the tool tip only. The formatting is done on the <e-chart-primaryyaxis valueType=Double LabelFormat="$0" edgeLabelPlacement="Shift" title="Bill Amount"></e-chart-primaryyaxis> adding ".00" to the format, changes the tooltip and the y-axis.

Description Image

1

There are 1 best solutions below

0
nishanthi On

You can use the textRender event to format the tooltip according to your requirement.

Attaching a code snippet for your reference.

Code-snippet:

function tooltipRender(args) {

   args.text = args.data.pointY + '.00';

}