score:0

You could just manually call the redraw method:

chart.redraw();

score:6

In the api reference I see the method setVisible(): "A utility function to show or hide the series with an optional redraw.". I think that's what you're looking for?

UPDATE: added JS Fiddle, see: http://jsfiddle.net/UTC6e/1/

So you could first setVisible to false, then set the new data, and at the end setVisible to true and tell the chart to redraw (second boolean argument).

chart.series[0].setVisible(false);
chart.series[0].setData([229.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4] );
chart.series[0].setVisible(true, true);

score:10

You can remove actual series, and add new one. Initial animation is different from all others (clip path is animated, not series itself).

See example: http://jsfiddle.net/UTC6e/2/

    chart.series[0].remove();
    chart.addSeries({data:[229.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4]} );

Related Query

More Query from same tag