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)"); 

根據需要調整翻譯值和持續時間的值。