title: amCharts doesn't display chart for initially-hidden divs
body: <p>I am using <a href="http://www.amcharts.com/javascript/" rel="noreferrer">amCharts</a> (which uses <a href="http://raphaeljs.com/" rel="noreferrer">Raphaël</a> behind the scenes) to render some charts as SVG; and have noticed that if the SVG is rendered in an initially-invisible div, the browser does not immediately render the image when the div becomes visible.  If I modify the display however, e.g. by resizing the browser or Ctrl-mousewheel zooming, the SVG image is then rendered as expected when the page is redrawn.</p>
  
  <p>The exact method of div visibility switching is via <a href="http://twitter.github.com/bootstrap/components.html#navs" rel="noreferrer">Bootstrap's tabbed navbar</a>.</p>
  
  <p>I admit to not being very experienced with SVG - is this an issue with the browsers' rendering, or amCharts' SVG markup, or am I required to explicitly call some sort of repaint method when I can tell the visibility of an SVG has changed?</p>
  
  <p>Here's a <a href="http://jsfiddle.net/8yX65/13/" rel="noreferrer">jsFiddle which illustrates the problem</a>; if you switch to Section 2 (in Chrome, Firefox) the chart isn't visible initially.  Resizing the display causes it to appear.</p>