title: Google Charts - full html in tooltips
body: <p>I am trying to make Google Charts Display custom tooltips with full HTML in them.</p>
  
  <p>I know how to enable tooltips and pass appropriate data - the problem is - even when <code>allowHTML</code> option is enabled, the tooltips are rendered as plain text, so for example I can't show a picture in the tooltip.</p>
  
  <p>Here is a little example of what I am going for: </p>
  
  <p>What I have now: <a href="http://imageshack.us/photo/my-images/840/wykrescx.png/" rel="noreferrer"><img src="https://i.stack.imgur.com/J4NU5.png" alt="plain text in tooltip"></a></p>
  
  <p>What I want: <a href="http://imageshack.us/photo/my-images/28/timelinew.png/" rel="noreferrer"><img src="https://i.stack.imgur.com/YyPZd.png" alt="picture in tooltip"></a></p>
  
  <p>One way to solve this problem is to disable tooltips, capture onmouseover events and use another library (like cluetip) to display tooltips at cursor, but I was wondering if there is a cleaner, native way to enable this kind of functionality in Google Charts. </p>
  
  <p>Also please check out my other question about images as point markers in google charts.</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>In the meantime I found a very good and quite inexpensive (60$ per website license) library that covers this functionality : <a href="http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/spline-symbols/" rel="noreferrer">Highcharts library</a></p>
  
  <p>As you can see in the example it is possible to pass a function that will format the tooltips - easily enough we could add a special property to each datapoint containig an url that could be used to dynammically load the tooltips content. The tooltips can then be cached by adding an extra property to each data point in a serie. I've implemented it this way and it works perfectly. </p>
  
  <p>Hope the latest edit will help someone.</p>