Quella che segue è un'altra versione della soluzione di Mike Bostock e ispirata dal commento di @hughes alla risposta di @ kashesandr. Fa un singolo callback sutransition
fine.
Data una drop
funzione ...
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);
}
... possiamo estendere in questo d3
modo:
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;
}
Come JSFiddle .
Usa transition.end(callback[, delayIfEmpty[, arguments...]])
:
transition.end(function() {
console.log("all done");
});
... o con un ritardo opzionale se transition
è vuoto:
transition.end(function() {
console.log("all done");
}, 1000);
... o con callback
argomenti opzionali :
transition.end(function(x) {
console.log("all done " + x);
}, 1000, "with callback arguments");
d3.transition.end
applicherà il passato callback
anche con un vuoto transition
se il numero di millisecondi è specificato o se il secondo argomento è vero. Questo inoltrerà anche eventuali argomenti aggiuntivi a callback
(e solo a quegli argomenti). È importante sottolineare che questo non applicherà per impostazione predefinitacallback
if transition
è vuoto, che è probabilmente un'ipotesi più sicura in questo caso.