title: Getting highcharts to re-animate a line graph
body: <p>I would like to create a highCharts page with a button to "re-animate" the chart. </p>
  
  <p>When I initially create the series, I set the 'redraw' to FALSE: </p>
  
  <pre><code>   $("contain").highcharts().addSeries({                        
          name: "filter",
          data: result
     }, false, {duration: 300000, easing: 'linear'});
  </code></pre>
  
  <p>When I then manually call redraw() on the entire chart:</p>
  
  <pre><code>$("contain").highcharts().redraw()
  </code></pre>
  
  <p>...the chart animates from the start - <em>BUT ONLY ONCE</em>. After the charts are animated 'on-screen', I've found no way to have them re-animate from the start <strong>EXCEPT FOR REMOVING AND THEN RE-ADDING, not an ideal solution for my case as there will be many series (lines) &amp; ALOT of data such that I was hoping there was a simpler solution</strong> (<em>I see somebody answered while I editted the question</em>)... </p>
  
  <p>Is there any way to do this or will have to remove and then re-add the series each time I want to re-animate?</p>
  
  <p>Here is the fiddle I promised earlier. It's using the remove/re-add concept which I do not love : <a href="http://jsfiddle.net/bhilleli/854jbbhg/" rel="nofollow">http://jsfiddle.net/bhilleli/854jbbhg/</a></p>