D3可摺疊樹：樹的可滾動容器

Question

我正在使用D3可摺疊樹。它的大小會動態增加。我可以使用div標籤及其class使其可滾動嗎？所以當樹的大小增加時它可以滾動。

http://jsfiddle.net/bSQ8U/159/是問題的例子。在這裏，當我展開所有節點。我將無法看到完整的樹。

Answer 1

您可以設置svg在擴展/摺疊時的高度。

window.setTimeout(function() { 
    var max = d3.max(d3.selectAll(".node")[0], function(g) { 
     return d3.transform(d3.select(g).attr("transform")).translate[1]; 
    }); 
    //set the max of the group 
    d3.select("svg").attr("height", max + 100) 
    console.log(max) 
    }, 800)//execute after 800 milliseconds after the update. 

工作代碼here

希望這有助於！