値を設定する前に、ブートストラップ棒グラフをリセットする必要があります。したがって、チャートを完全にリセットする必要がありますが、値とアニメーションを「0」に設定せずにリセットする方法がわかりません。何か案が?
私の .js は次のようになります。
function chart(){
$.get("/apicountryajax",function(data) {
if($('.verticalChart')) {
//NEED RESET HERE
var i=0;
$('.singleBar').each(function(){
var dataObj=data['objects'][i];
var cName=dataObj['countryName'];
var cCount=parseFloat(dataObj['countryCount'])*100;
var percent=cCount+"%";
i++;
$(this).find('.value').animate({height:percent}, 2000, function() {
$(this).find('span').fadeIn();
$(this).find('span').html(percent);
});
$(this).find('.title').html(cName);
});
}
});