更改鏈接的鏈接厚度d3樹上的按鈕點擊

Question

我正在使用非常常見的可摺疊d3樹佈局。我有按鈕可以改變兩個節點之間鏈接的薄弱環節。我想要一個平滑的過渡，增加鏈接厚度。我嘗試了下面的代碼，但它不起作用。總之按鈕點擊我打電話的更新（root）和內試圖更新鏈接，

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

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

更新方法的休息是相同的，因爲這代碼在這裏http://bl.ocks.org/mbostock/4339083

謝謝。

Answer 1

您無需致電更新。只需按一下按鈕，即可在鏈接本身上執行轉換。見下：

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