come scoprire se il layout della forza è stato completato ponendo i nodi?

Question

Ho un grafico basato sul layout della forza. Vorrei mettere una sovrapposizione di 'caricamento' fino a quando il grafico è finito posizionando i nodi. Quale evento/proprietà posso usare per scoprire che il grafico è fatto?

ho controllato l'API, non riusciva a trovare nulla ..

Answer 1

Quando il layout converge, force.alpha() verrà impostato a 0. impostare un timer per il polling per questo (non troppo spesso!) e saprai quando hai finito.

Questo esempio deve ritentare ogni millesimo di secondo interval finché il layout non si interrompe. La variabile timer mantiene il timer corrente, che è possibile ripristinare se non si desidera attendere il completamento del layout.

var timer = null; 
function onCompletion(force, callback, interval) { 
    interval = interval || 300; 

    function retryIfRunning() { 
     if (force.alpha() != 0) 
      timer = setTimeout(checkAndRetry, interval); 
     else { 
      timer = null; 
      callback(); 
     } 
    } 

    retryIfRunning(); 
} 

Answer 2

non è possibile come un costruito in funzione di quanto dipende da ciò che si considera come sta facendo con i nodi immissione. Il modo in cui è fatto è chiamando la funzione tickn, con n a seconda della dimensione del grafico che hai e della precisione desiderata.

# force.tick(): esegue la simulazione del layout di forza di un passo.

vi incoraggio a leggere la documentazione force.tick() se volete saperne di più: https://github.com/mbostock/d3/wiki/Force-Layout#wiki-tick

Answer 3

Da the documentation, l'evento end viene inviato quando il layout è fatto, cioè quando force.alpha === 0.

Così si può scoprire quando è fatto con:

force 
    .nodes(yourNodes) 
    .links(yourLinks) 
    .on('tick', function() { 
    // layout is in progress 
    }) 
    .on('end', function() { 
    // layout is done 
    callback(); 
    });