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

Question

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

＆＃13;

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;

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

相同

谢谢。

Answer 1

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

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