score:1

Accepted answer

when showing/hiding series, highcharts animates the change to the axis instead of the series itself. i can't find anyway to change this behavior. as a workaround, instead of showing/hiding the series why not add it as new on the click:

var i = 0;

$('#addbar').click(function(){
    try {
        if (i == 0) {
            columnchart.addseries({name:'male',data:[1, 1, 5, 8, 10, 15, 19, 14, 10, 8, 4]});
        }
        else if (i == 1) {
            columnchart.addseries({name:'female',data:[2, 1, 3, 4, 5, 6, 8, 4, 4, 3, 2]});
        }
        i++;                
    } catch(e){
        console.dir(e);
    }
});

i'd set up an initial empty series in my config too, so that the axes draw on start:

series: [{visible: false, showinlegend: false}],

see updated fiddle here.

score:0

please familair with this example: http://jsfiddle.net/vcj4k/5/

 $.each(chart.series[0].data, function(i, point) {

        window.setinterval(function() {
            point.update(point.y2); 
        }, 500);

    });

Related Query

More Query from same tag