how to display image in tooltip

[Ashokkumaresan]

Please guide me to display image in tooltip of specific width and height

[Izothep]

Hi,

You can use special parameter of tooltip, named useHTML. Here you can read about this parameter inside our API:
http://api.highcharts.com/highcharts#tooltip.useHTML

If you want to change your tooltip, you can do it inside tooltip.formatter function. You can read about it here:
http://api.highcharts.com/highcharts#tooltip.formatter

Inside this function you can use HTML img tag for adding image to your tooltip.
You can use height and width parameters inside HTML tag for setting width and height of your image.

Here you can see example of code that should work:

Code: Select all

 tooltip: {
      useHTML: true,
      formatter: function() {
        var img = '<img src = "https://static.pexels.com/photos/6606/flowers-garden-orange-tulips.jpg" height="82" width="122"/>'
        return img
      }
    },

I have made jsFiddle, I hope that you it will meet your requirements:
http://jsfiddle.net/0mjfqkxr/1/

Best regards.

[Ashokkumaresan]

Thank you its working