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