2013-02-19 100 views
5

我需要創建一個分層樹(something like this),但我需要的一些功能:複雜heirarchical樹佈局

  1. 設計能力的節點,因爲我喜歡(大小,背景圖像,字體等)
  2. 自動排版
  3. 能力通過拖N」降節點連接

我已經看了GoJs和其巨大的,但它是基於畫布,我無法找到一個方法來馬節點看起來完全如我所願(實際上甚至不能遠程關閉)。

我也看過d3.js這也是很棒的,但又一次,因爲它是SVG它很難設計節點。

這裏的主要喧囂是佈局,連接節點,我可以處理Drag N'Drop my self,有沒有可以處理佈局的庫,所以我可以創建所需的div,設計他們,因爲我認爲合適,讓圖書館做佈局的東西?

回答

2

雖然答案很晚,但希望能在未來幫助別人。 這是一個使用優秀的D3.js庫的拖放樹。

http://bl.ocks.org/robschmuecker/7880033

https://gist.github.com/robschmuecker/7880033

該示例中的樹處理自動佈局/施膠,縮放,平移,拖放和是可摺疊的。如果需要,可以刪除全部或全部方面。

+0

這是一個很酷的解決方案,但是對於任何大量的節點來說都是可怕的。 – 2014-03-17 21:19:07

+0

@VectorGorgoth嗨,你看看我的例子有50,000個節點嗎? http://bl.ocks.org/robschmuecker/7926762 這涉及到另一個問題在這裏http://stackoverflow.com/questions/20539922/has-anyone-produced-a-virtualised-javascript-tree-for-成千上萬的節點 – 2014-03-19 08:51:09

+0

JS通常可以在內存中處理100k +節點。找出一種方法來呈現它們 - 這是另一個問題。沒有窗口或裁剪,因此大約1000個節點上方的擴展樹非常慢。 – 2014-03-19 16:00:24