在过渡结束时调用回调

Question

我需要使用D3.js制作FadeOut方法（类似于jQuery）。我需要做的是使用将不透明度设置为0 transition()。

d3.select("#myid").transition().style("opacity", "0");

问题是我需要一个回调来实现转换完成的时间。如何实现回调？

Answer 1

Mike Bostock 针对v3的解决方案进行了小小的更新：  function endall(transition, callback) {     if (typeof callback !== "function") throw new Error("Wrong callback in endall");    if (transition.size() === 0) { callback() }    var n = 0;     transition         .each(function() { ++n; })         .each("end", function() { if (!--n) callback.apply(this, arguments); });   }   d3.selectAll("g").transition().call(endall, function() { console.log("all done") });