We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

format tooltip,legend

Have to format  x,y value point in tooltip
e.g=for curruncy append '$'at start.
   formatting datatime to date  for xpoint value


4 Replies

KS kalpa serashiya March 11, 2015 06:12 AM

Thanks for reply .
 Now  x,y value point in tooltip is formated.
from previous Query.
if have to format legend value ?


AT Anandaraj T Syncfusion Team March 12, 2015 04:10 AM

Hi Kalpa,

Thanks for using Syncfusion products.

Query: How to format legend value?

We can use legendItemRendering event of Chart to format the text in legend item.

Please refer the following code snippet to achieve this.





                          //Event for rendering legend items

                          legendItemRendering: 'LegendRendering',

                          . . . . . .

                          . . . . . .


        //Formatting legend item text in event handler

        function LegendRendering(sender) {

            var seriesIndex = sender.data.legendItem.SeriesIndex;

            var pointIndex = sender.data.legendItem.PointIndex;

            //Formatting legend item text

            sender.data.legendItem.Text = Globalize.format(sender.model.series[seriesIndex].points[pointIndex].y, "c0");



We have also prepared a sample for formatting legend text and it can be downloaded from the following link



Chart with formatted text in legend

Please let us know if you have any concern.



KS kalpa serashiya March 12, 2015 05:20 AM


JA Jayavigneshwaran Syncfusion Team March 13, 2015 02:00 AM

Hi Kalpa,
Thanks for your update.
Please let us know if you need any furture assitance.

Live Chat Icon For mobile
Up arrow icon