title: How can I hack a background image into Google Chart Tools' dynamic (JavaScript/SVG) chart?
body: <p>I'm updating an older data visualization module which used the <a href="http://code.google.com/apis/chart/image/" rel="nofollow">Google Image Chart API</a>. Now, we're switching to the <a href="http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html" rel="nofollow">new(er) Visualization API</a>, which uses JavaScript to generate dynamic charts in the browser, within a specified <code>&lt;div&gt;</code> container.</p>
  
  <p>We have a need to present the chart with a background image (for branding purposes). However, the only thing I've been able to accomplish, given <a href="http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html#Configuration_Options" rel="nofollow">the configuration options in API reference</a>, is to change the background <em>colour</em>.</p>
  
  <p>If I embed a background image into the <code>&lt;div&gt;</code> the Chart is drawn into, the chart (obviously) just overlays it.</p>
  
  <p>Is there a JavaScript or HTML5 solution to my problem that I'm totally unaware of?</p>
  
  <p>(I'm somewhat new to JavaScript, to thank you for bearing with what may actually be a trivial -- or clearly impossible -- problem!)</p>