单击按钮更改链接d3树的链接厚度

change link thickness of link d3 tree on button click

本文关键字：链接 d3 单击 按钮      更新时间：2023-09-26

我使用的是一个非常常见的可折叠d3树布局。我有一个按钮，据说可以改变两个节点之间链接的粗细。我想要一个平滑的过渡，增加链接的厚度。我尝试了以下代码，但它不起作用。简而言之，点击按钮，我正在调用更新（根），并在内部尝试更新链接，

 var linkUpdate = link.transition()
   .duration(duration)
   .attr("d", diagonal);
 linkUpdate
   .style("stroke-width", "10px");

更新方法的其余部分与此处的代码相同http://bl.ocks.org/mbostock/4339083

谢谢。

您不需要调用更新。当你点击按钮时，只需在链接本身上执行转换。见下文：

link.transition()
    .duration(duration)
    .style("stroke-width", "10px");
相关文章：