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.