Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to get an image watermark in HighCharts charts?

I am using HighCharts Javascript library for a web application and would like to have an image watermark inside the charts (let's say a small image on the left top corner). Not only to show this watermark image in the browser, but also when someone would export the chart to JPG or PNG.

I have seen this somewhere once in a web application that also uses HighCharts but can't remember where that was.

Any suggestions?

like image 596
Glooh Avatar asked Jan 05 '12 13:01

Glooh


2 Answers

Look at this: http://jsfiddle.net/highcharts/cDcw7/ Tip: I figured out, that it is important for the export function to work correctly, that the URL starts with http://...

like image 193
scu Avatar answered Oct 19 '22 05:10

scu


I have been unable to get the itemStyle property of credits to work.

Instead, taking inspiration from Place text in center of pie chart - Highcharts, I have come up with this little fiddle: http://jsfiddle.net/2P98N/22/

like image 28
khan Avatar answered Oct 19 '22 03:10

khan