D3.js 在节点选择上突出显示链接

Question

首先，我的数据格式与下面的 miserables.json 相同 https://bl.ocks.org/mbostock/4062045

当我单击节点时，我希望能够使连接到我的节点的链接变为红色。所以 psuedo⁻code 就像

selectAll(.links)
if links.source=nodeID or links.target=nodeID
then links.color=red

但是我做不到。我的最终目标是将它与下面的弧图集成 http://bl.ocks.org/sjengle/5431779

Answer 1

您的伪代码是一个好的开始。您可以使用 filter 在选择中实现 if 条件。注意链接的.source和.target是d3编辑的，不再是节点的id，而是节点本身:

thisNode = nodeObject; // where nodeObject is the javascript object for the node, it's probably called "d" in your function.
d3.selectAll(".link")
  .filter(function(d) {
     return (d.source === thisNode) || (d.target === thisNode);
   })
  .style("stroke", "red")