d3拖動事件導致TypeError

Question

我正在嘗試在圖表中啟用拖動，但是我只遇到了dragstart和dragend事件。

奇怪的是，如果我在示例中使用.origin方法，它將引發異常（Uncaught TypeError：無法讀取undefined的屬性'x'）：

this._drag = d3.behavior.drag()
//.origin(function(d) { return d;}) //if uncommented, throws error!
.on("drag", function(d){console.log("drag!", d); self.on_drag(this);})
.on("dragstart", function(){self.on_drag_start(this);})
.on("dragend", function(){self.on_drag_end(this);})
;

Answer 1

源問題是由於我試圖拖動一個svg元素而導致的，該元素不是圖表本身的一部分，而是我單獨添加的裝飾器項（以模擬圖標）。 因此，該元素沒有基准（d未定義），但是如果返回具有x和y屬性的自定義對象，則可以正常使用拖動行為。

感謝＃d3.js irc頻道上的人員幫助我解決了這個問題！