Javascript 为气泡图制作动画

我有一张图表，它以气泡图的形式显示了一种产品的增长、份额和收入。 自2006年以来，我每年都会制作这个图表。现在我的问题是，我是否可以每年为图表设置动画，以便您可以看到变化

我已经尝试过使用ajax和json来做一些事情。它显示新数据，但不会设置动画

$.ajax({
                    url: 'json.php', 
                    type: 'POST',
                    dataType: 'json',
                    success: function(data){
                        if(data && data != ''){
                            for(var i = 0; i < data.length; i++){
                                portfolioChart.series[i].setData([[ data[i][0], data[i][1], data[i][2] ]]);

                                portfolioChart.redraw();
                            }                               
                        }
                    },
                    error: function(html){alert(html)},
                    data: {year: act_year}
                });

大约有5-15个产品需要加载动画

更新

现在它运行得很好。主要问题是产品的数量。多达4-5种产品，工作平稳。 这是我的最终代码：

var years = [2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015];

$.each(years, function(pi, act_year){

    setTimeout(function(){
       $.ajax({
            url: 'json.php', 
            type: 'POST',
            dataType: 'json',
            success: function(data){
                if(data && data != ''){
                    for(var i = 0; i < data.length; i++){
                        portfolioChart.series[i].setData([[ data[i][0], data[i][1], data[i][2] ]]);
                    }           
                }
            },
            error: function(html){alert(html)},
            data: {year: act_year, products: productArray}
        });
    }, 500 + ( pi * 2000 ));
});

---

当您在setDatapoints中拥有完全相同数量的点时，它应该正确地设置动画。另外，调用setDatapoints，false，false。这将阻止多次运行动画。然后调用chart.redraw。像这样：为了。。。{…}chart.redraw.谢谢。现在它工作得很顺利