d3.tree滚动条而不是平移

时间:2018-08-21 10:24:48

标签: d3.js scroll panning

我有一个树宽d3.js。当树溢出svg时,它是隐藏的,我可以通过在树上平移来查看隐藏的部分。有什么方法可以添加滚动条来查看隐藏部件而不是平移? 例如,在此示例http://bl.ocks.org/robschmuecker/7880033中,我想向该树添加滚动条。该示例不是我想要的:https://bl.ocks.org/CrandellWS/ca7e6626c9e6b1413963 因为在此示例中,当我们折叠节点时,滚动条的大小不会改变。

1 个答案:

答案 0 :(得分:1)

您可以使用svg.getBBox()获得svg边界框,其中svg是您的svg节点,例如

let svg = document.getElementsByTagName("svg")[0];
let box = svg.getBBox()

,然后使用box.x.y.width.height计算正确的viewBox属性值,宽度和高度。