Javascript 将鼠标悬停在节点上以高亮显示D3中的边

我是D3新手，我正在使用这个模板来可视化我的图形。我想通过将鼠标悬停在节点上来突出显示连接到节点的链接。我尝试了中使用的技术，在脚本中添加了以下行

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);
});

---

但它似乎对我不起作用，当我将鼠标移到节点上时，什么也不会发生。

如注释中所述，代码的基本原理是正确的，问题是链接变量应该命名为path。

这是作业的正确代码，当您使用console.logl和console.logd时会发生什么？我猜你在某处覆盖了一个变量。当我将鼠标悬停在节点上时，我在控制台上收到了这个错误：UncaughtTypeError:undefined不是一个函数。这是指向JSFIDLE的链接：找到问题并解决它！我必须使用路径而不是链接。。。