A seguir está outra versão da solução de Mike Bostock e inspirada no comentário de @hughes à resposta de @kashesandr. Ele faz um único retorno de chamada ao transition
finalizar.
Dada uma drop
função ...
function drop(n, args, callback) {
for (var i = 0; i < args.length - n; ++i) args[i] = args[i + n];
args.length = args.length - n;
callback.apply(this, args);
}
... podemos estender d3
assim:
d3.transition.prototype.end = function(callback, delayIfEmpty) {
var f = callback,
delay = delayIfEmpty,
transition = this;
drop(2, arguments, function() {
var args = arguments;
if (!transition.size() && (delay || delay === 0)) { // if empty
d3.timer(function() {
f.apply(transition, args);
return true;
}, typeof(delay) === "number" ? delay : 0);
} else { // else Mike Bostock's routine
var n = 0;
transition.each(function() { ++n; })
.each("end", function() {
if (!--n) f.apply(transition, args);
});
}
});
return transition;
}
Como um JSFiddle .
Use transition.end(callback[, delayIfEmpty[, arguments...]])
:
transition.end(function() {
console.log("all done");
});
... ou com um atraso opcional se transition
estiver vazio:
transition.end(function() {
console.log("all done");
}, 1000);
... ou com callback
argumentos opcionais :
transition.end(function(x) {
console.log("all done " + x);
}, 1000, "with callback arguments");
d3.transition.end
aplicará o passado callback
mesmo com um vazio transition
se o número de milissegundos for especificado ou se o segundo argumento for verdadeiro. Isso também encaminhará quaisquer argumentos adicionais para o callback
(e apenas esses argumentos). É importante notar que, por padrão , isso não se aplicará a callback
if transition
está vazio, o que provavelmente é uma suposição mais segura nesse caso.