将滚动条添加到d3.layout.tree()

时间:2015-09-24 22:51:11

标签: javascript d3.js svg

我正在尝试制作这样的树 http://mbostock.github.io/d3/talk/20111018/tree.html

侧面有滚动条。我有一棵大树,它填满了比我需要的屏幕更多的数据,或者数据过于紧张而无法看到。

有没有办法为来自d3.js的SVG视图设置滚动条?我知道它的目的是调整大小,但是如果它全部适合屏幕,则信息太干净了

1 个答案:

答案 0 :(得分:3)

简短的回答可能不是最好的,但在这里你可以看到它是使用你创建的这个Gist引用的存储库完成的 https://gist.github.com/CrandellWS/ca7e6626c9e6b1413963

可在http://bl.ocks.org/CrandellWS/ca7e6626c9e6b1413963

查看

基本上答案来自https://stackoverflow.com/a/11449016/1815624

它表示将overflow:scoll应用于更大的svg的包含div。

希望这有助于一个更强大的解决方案结帐此Gist http://gist.github.com/robschmuecker/7880033,这就是bl.ocks.org链接http://bl.ocks.org/robschmuecker/7880033