javascript - D3.JS 获取点击对象绑定(bind)数据的引用

Question

我是 javascript 和 D3.js 的新手

我正在使用 https://gist.github.com/4062045 上的力导向图示例

我需要获得对单击的圆元素的绑定(bind)数据的引用，以便我可以向其添加链接。

我在圈子的点击处理程序中有以下代码行:

d3.select(this).each(function(d){console.log(d)});

我能够将对象打印到控制台，但我不知道如何获取对该对象的引用，以便我可以将其推送到链接对象中，例如:

{source: <reference to node should go here>, target: some_other_node}

感谢你们的帮助!

Answer 1

circles.on('click', datum => {
  console.log(datum); // the datum for the clicked circle
});

# selection.on(typenames[, listener[, capture]])

When a specified event is dispatched on a selected node, the specified listener will be evaluated for each selected element, being passed the current datum (d), the current index (i), and the current group (nodes), with this as the current DOM element.