Highmapsでは、フェードが完了する前にjQueryフェードインのコールバックが起きているのはなぜですか？

Question

私はデータセット間での変更に使用される一対のボタンでHighMapを持っています。これは意図したとおりに動作しています。データセット間の切り替えがスムーズになるように、フェードを追加したかったのです。しかし、フェードアウトのコールバック機能の中で起こっているにもかかわらず、マップはフェードアウトが完了する前にデータを更新しているようです。

var resetMap = function(dataCurrent) { 
SetOptions(dataCurrent); 
AccessMap.update({title: {text: dataTitle}}); 
AccessMap.update({colorAxis: {max: dataMax, min: dataMin, minColor: dataMinColor, maxColor: dataMaxColor,type: dataScale}}); 
AccessMap.update({series:[{name: dataTitle,tooltip:{ valueSuffix: dataTooltipSuffix}}]}); 
AccessMap.series[0].setData(dataCurrent.slice()); 
}; 

$('#setdataPop').click(function() { 
$("#container").fadeOut(500,resetMap(pop)); 
$("#container").fadeIn(500); 
}); 

$('#setdataRate').click(function() { 
$("#container").fadeOut(500,resetMap(rate16)); 
$("#container").fadeIn(); 
}); 

（そのスニペットで参照はsetOptions機能が含まれます）私の完全な作業マップの簡易版はこちら：

https://jsfiddle.net/MossTheTree/h5njdqLf/3/

ここではボタンが付いたコードの該当ビットです

Answer 1

resetMapを実行していて、関数参照を渡していません。また、fadeInもコールバック内で実行したいと考えています：

$("#container").fadeOut(500, function() { 
    resetMap(pop); 
    $("#container").fadeIn(500); 
});