Esportazione di riconversione in d3.js v4

Question

Sto creando una mappa utilizzando il sistema dei moduli. Sono più o meno abituato a D3.js v3, ma mi sto ancora abituando alla v4.

Sto tentando di aggiungere un messaggio ma non so come riassociare le esportazioni in V4, in quanto questa funzione non è disponibile ora.

Così per la mia spedizione (_dis) e il mio particolare evento ("changetype"), il rebind in d3 v3 sarebbe giusto prima di tornare alle esportazioni, ad esempio:

d3.mapDots = function (districts){ 

    var _dis = d3.dispatch('changetype'); 

    (...) 

    exports.color = function(_c){ 
     if(!arguments.length) return color; 
     color = _c; 
     return this; 
    };  

    d3.rebind(exports,_dis,"on"); 
    return exports 
    }; 

Qualcuno sa come fare questo in v4? Ho provato a dispatch.apply ma non funziona.

Grazie!

Answer 1

Buona domanda. Sembra che l'oggetto di spedizione abbia in qualche modo changed e che d3.rebind non esista più. Poiché quest'ultimo è andato, sembra che non c'è modo di "copiare" (via d3.rebind) il metodo .on(). Invece devi implementare il tuo. See here come implementato il bostock d3-brush.

Ho messo insieme this jsFiddle per dimostrare come ottenere con D3 v4 quello che stai chiedendo.

Il bit importante sta attuando il metodo .on:

instance.on = function() { 
    var value = dispatcher.on.apply(dispatcher, arguments); 
    return value === dispatcher ? instance : value; 
} 

E, dispacciamento è come questo

dispatcher.call("was_clicked", this, "Hello, Foo!");