动画高图泡泡图

时间:2015-05-20 06:13:49

标签: javascript jquery highcharts bubble-chart

我有一个图表,显示产品在泡沫图中的增长,份额和收入。 我自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 ));
});

0 个答案:

没有答案