Highcharts load effect on button click

Question

Here is a highchart sample fiddle

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-setdata/

$('#button').click(function () {
        var chart = $('#container').highcharts();
        // I want the code which will have the effect of line being drawn on points, just like when clicked on run in the above fiddle link.
});

If you check the fiddle when you click on run the there is an animation where the line is drawn from left to right. I am looking for a similar method where when i click on a button the highchart will redraw itself with the same data. I have multiple charts like column and pie on my project, i have tried reflow and redraw but both have their own purposes and do not satisfy my requirement. Please help.

Answer 1

Use "animation" in chart config:

  animation: {
        duration: 1000,
        easing: 'easeOutBounce'
    }