title: How to stop the legend disappearing during a Google Charts animation?
body: <p>I'm using the Google Charts API to create a column chart. I have some other parts of the page that are animated when they load (not within the Google API) and would like the Google Charts to animate too. It's pretty easy to accomplish this but the strange thing is the way the chart animates and then the legend appears once the animation has completed.</p>
  
  <p>Is there any way to make the legend appear straight away so that it is visible while the charts animate?</p>
  
  <p>Here a fiddle showing some charts animating and the legend appearing afterwards: <a href="http://jsfiddle.net/Qquse/1343/" rel="noreferrer">http://jsfiddle.net/Qquse/1343/</a> passing some animation settings in the chart options...</p>
  
  <pre><code>var options = {
      animation: {
          duration: 3000,
          easing: 'out',                
          'startup': true
      }
      //etc...
  };
  </code></pre>
  
  <p>This thread: <a href="https://groups.google.com/forum/#!topic/google-chart-api/q15ggJ0sHNc" rel="noreferrer">https://groups.google.com/forum/#!topic/google-chart-api/q15ggJ0sHNc</a> would appear to suggest that there is nothing I can do about this as it is a necessary feature of the way Google animates the charts.</p>
  
  <p>Thanks!</p>