是否可以制作柱形图以始终使用动画添加新数据点？

Question

有一系列数据我想逐一添加到条形图中。

如此JSfiddle

所示

与每次点击按钮添加点相关联的部分是：

$('#b').click(function(){
    timeStamps.push(new Date()); //record the current timestamp
    var buttonB =  document.getElementById('b');
    buttonB.disabled = false; //disable the button
    if(index <= chartData.length){
            if(index==1){
                chart2.series[0].addPoint([index, chartData[index - 1]],true, false);
                index++;                      
            }else{
                chart2.series[0].addPoint([index, chartData[index - 1]],true, false);
                index++;      
            }
     }

}

添加第一个条形图时，图表需要一段时间才能绘制该列;添加第二个条形图时，图表会立即绘制该列。有没有办法确保每个数据点都添加到动态图表中？ （而不是只有第一个？）