d3.js - D3 将节点滚动到视图中

Question

我正在使用 D3 树。类似于：http ://bl.ocks.org/mbostock/4063570 但是，这个特殊的图表比浏览器窗口大。

鉴于我确切地知道我想要揭示哪一个 JSON 元素。

我如何将该元素滚动到 svg 画布中的视图中？

Answer 1

实现这一点的最简单方法可能是将要出现的内容包装在g元素中并在翻译中使用过渡。

groupToShow.attr("transform", "translate(1000,1000)")
   .transition()
   .duration(1000)
   .attr("transform", "translate(0,0)");

根据需要调整翻译和持续时间的值。