Javascript D3js图丛群

Hi基于我尝试在链接上添加鼠标悬停事件以显示其值，所以我第一次尝试更改笔划颜色和宽度，如下所示：

hlink.exit().remove();
      hlink.enter().append("path")
          .attr("class", "hlink") 
          .on("mouseover", function() { d3.select(this).style("stroke", "#555555").attr("stroke-opacity", "1.0").attr("stroke-width","4");})
            .on("mouseout", function() { d3.select(this).style("stroke", "#ccc").attr("stroke-opacity", "1.0").attr("stroke-width","1") });

但这没用有人知道怎么解决吗？ 谢谢

“笔划”是属性而不是样式，因此请使用

.attr（）

方法而不是

.style（）

方法：

hlink.exit().remove();
      hlink.enter().append("path")
          .attr("class", "hlink") 
          .on("mouseover", function() { d3.select(this).attr("stroke", "#555555").attr("stroke-opacity", "1.0").attr("stroke-width","4");})
            .on("mouseout", function() { d3.select(this).attr("stroke", "#ccc").attr("stroke-opacity", "1.0").attr("stroke-width","1") });

---

感谢您的回答，但我认为问题出在mouseover事件中，因为当我尝试.on（“mouseover”，function（）{console.log（“test”）}时，什么都没有发生