D3.js: rimuovere force.drag da una selezione

Question

Ho una (piuttosto semplice) domanda: come "annullare la chiamata" force.drag su una selezione effettuata da D3.js? Diciamo che ho creato un insieme di elementi e chiamato "call" su di esso, dandogli il drag-callback di un layout force-directed. Sembra:

d3.selectAll('rect').call(force.drag); 

Ora sarà possibile rimuovere tale comportamento da alcuni dei nodi in seguito. I miei approcci inclusi il ripristino diversi ascoltatori, come 'click', 'drag' ecc utilizzando

d3.select('rect#no-drag').on('click', null); 

Nessuno di loro ha lavorato. Qualcuno sa come rimuovere la richiamata?

Answer 1

Sei vicino. L'evento di trascinamento viene avviato da un evento mousedown con uno spazio dei nomi chiamato drag. Vedere: https://github.com/mbostock/d3/blob/master/src/behavior/drag.js#L5

Così, per rimuovere questo si potrebbe fare:

d3.select('rect#no-drag').on('mousedown.drag', null); 

Answer 2

Questa linea in qualche modo non è cellulare compatibile (cromo/Android)

d3.select('rect#no-drag').on('mousedown.drag', null); 

Answer 3

Questa domanda è non chiedere come ho un controllo a grana fine sull'elemento di trascinamento, ma sono venuto qui cercando come attivare/disattivare il trascinamento in base alle condizioni, e il richiedente ha anche chiesto come ottenere il trascinamento dopo averlo rimosso nei commenti.

Pertanto, per chiunque cerchi come consentire l'evento di trascinamento condizionato, utilizzare drag.filter.

drag.filter accetta una richiamata che deve restituire un valore booleano. Se il callback restituisce true, si verifica il trascinamento, altrimenti il ​​trascinamento non viene attivato.

Questo è molto più pulito di rimuovere il trascinamento dalla selezione e quindi provare a riapplicarlo.