d3樹單獨的樹佈局和註釋

我想顯示一個d3樹例如在屏幕左側（tree_panel）和右側每個葉子的註解（annotation_panel）。d3樹單獨的樹佈局和註釋

事情是葉標註可以變得相當大。所以，我可以把tree_panel + annotation_panel放到一個div中並使其溢出：滾動。然後，每當我向右滾動時，樹就不再可見了。

有沒有一種方法來分離樹和註釋，以便只滾動註釋區域？

我做了如下的圖像，使事情變得更加容易：http://oi43.tinypic.com/2ihscpc.jpg

非常感謝任何指針/幫助！

的Fabian

2013-08-31 fabsta

你可以使用不同的div的樹和註釋（定位並排側）overflow: scroll只在註釋DIV設置？

2013-08-31 14:08:25

可能。那麼我想我必須有一個SVG每格。只有一個SVG的好處是註釋被分配給單個葉子。所以，如果你摺疊一個內部節點，所有的孩子及其所有的註解都是隱藏的。當我有兩個SVG時，我想我會丟失這個鏈接。換句話說：在繪製兩個div時，我如何確保註釋與相應的葉節點具有相同的x座標？ – fabsta

SVG中的所有座標都與左上角有關，只要這兩個SVG具有相同的大小並且對齊正確，則應該可以在兩個SVG中使用相同的座標。另一種方法是使用一個帶剪切路徑的SVG，然後將一個事件處理程序掛接到滾動事件上，這樣您就可以將註釋相對於滾動條進行轉換，但這對我來說聽起來更加困難。 –

回答