2012-07-26 23 views
14

我已經使用樹佈局做了一個稍微修改的樹。我需要從右到左定位樹,而不是從默認的常規的從左到右的方向。什麼是正確和適當的方法來做到這一點?樹圖方向

我最終通過在創建佈局之後顛倒x座標來完成此操作,但我覺得這是一種破解。當然有更優雅的東西?

我想過圍繞中心做一個SVG旋轉,但之後我不得不旋轉標籤以正確地顯示文本。那也不覺得正確。

+0

張貼一些代碼。 – Wex 2012-07-26 17:36:40

回答

27

樹佈局計算節點的位置在廣度(X)和深度(Ý的任意座標空間。要更改佈局的方向,請將佈局座標空間的映射更改爲SVG像素座標。如果您不想手動執行映射,則可以使用quantitative scales指定更直觀(但更詳細)的映射。

這裏的顯示四個不同方向的例子:

+0

第26行有一個錯誤/拼寫錯誤:鏈接前缺少「http:」 – 2016-11-16 12:19:50

+0

請您進一步解釋一下嗎?我有平均的HTML和JS的知識和一個工作的應用程序(從左到右可擴展/可點擊樹),我想從上到下。 – 2016-11-16 12:58:20

+0

我在productTree.js的兩個地方改變了x和y,一個樹形結構垂直,另一個將標籤放在正確的位置。不幸的是,這棵樹沒有邊界,因此這些標籤相互重疊:/ – 2016-11-16 13:08:24