web-dev-qa-db-ja.com

JQuery-データからグラフィックツリービューを動的に生成します

アプリケーション内のユーザー接続を表すツリービューを動的に生成したいのですが、次のような通常のツリービュー(ファイルシステム構造のように見えます)のように見せたくありません。

enter image description here

しかし、次のようなフローチャートのようなものです。

enter image description here

したがって、基本的には、ツリービューよりもグラフィカルに表示し、可能であればズームインおよびズームアウトできるようにします。

これはどのように達成できますか?そのようなことのための(JSまたはJquery)ツールを知っていますか?

ありがとう

編集:

ここに散らばらないようにするために、私が探していたものとまったく同じように見えるツールがあります( m9 および Tats_innit の助けを借りて)

thejit

d3.js

js-マインドマップ

jOrgChart

(b.t.w-今はthejitを使用します)

11
levtatarov

これはあなたが探しているものですか-ツリービューを作成するためのプラグイン:

[以下のリンク]

http://jquery.bassistance.de/treeview/demo/

http://archive.plugins.jquery.com/project/treeview

http://docs.jquery.com/Plugins/Treeview/treeview

ああ、フローチャートについては、上記のリンクのようなプラグインはほとんどないと感じていますが、これを試してください:

http://code.google.com/p/js-mindmap/

これがお役に立てば幸いです、乾杯、

5
Tats_innit

JsTree を使用できます。 ツリーコンポーネント jQueryUI用に計画されているものもあります。

3
ebaxt