通过将鼠标悬停在节点上突出显示D3中的边缘

Question

我是D3新手，我正在使用此模板（http://bl.ocks.org/mbostock/1153292）来显示我的图表。我想通过将鼠标悬停在节点上来突出显示连接到节点的链接。我通过在脚本中添加以下行来尝试（http://jsfiddle.net/2pdxz/2/）中使用的技术。

nodes.on('mouseover', function(d) {
  link.style('stroke-width', function(l) {
    if (d === l.source || d === l.target)
      return 4;
    else
      return 2;
    });
});

// Set the stroke width back to normal when mouse leaves the node.
nodes.on('mouseout', function() {
  link.style('stroke-width', 2);
});

但它似乎对我不起作用，当我将鼠标移到节点上时没有任何反应。

Answer 1

如评论中所述，代码的基本原理是正确的，问题是link变量应该被命名为path。