单击按钮更改 link link d3 树的厚度

Question

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

 var linkUpdate = link.transition()
   .duration(duration)
   .attr("d", diagonal);

 linkUpdate
   .style("stroke-width", "10px");

其余的更新方法与这里的代码相同http://bl.ocks.org/mbostock/4339083

谢谢。

Answer 1

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

link.transition()
    .duration(duration)
    .style("stroke-width", "10px");