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 11:12 AM UTC

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 09:10 AM UTC

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 10:20 AM UTC


JA Jayavigneshwaran Syncfusion Team March 13, 2015 07:00 AM UTC

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

Live Chat Icon For mobile
Up arrow icon