2012-03-11 10 views
11

Chcę dynamicznie generować drzewo widoku do reprezentowania połączeń użytkowników w aplikacji, ale nie chcę, aby wyglądał jak normalny widok drzewa (wygląda jak struktura systemu plików) tak:JQuery - dynamicznie generuj graficzny widok drzewa z danych

enter image description here

ale bardziej jak przedstawia schemat przepływu jak ten:

enter image description here

więc w zasadzie chcę wyświetlić go bardziej obrazowo niż drzewa-widzenia i Jeśli to możliwe - możliwość powiększania i pomniejszania.

Jak można to osiągnąć? znasz jakieś narzędzia (JS lub Jquery) do tego typu rzeczy?

dzięki

EDIT:

, aby nie dać się rozrzucone here're są narzędzia, które wydają się być dokładnie tym, czego llooking do (z pomocą m90 i Tats_innit)

thejit

d3.js

js-mindmap

jOrgChart

(btw - Idę z thejit teraz)

+1

Może to pomaga: http://stackoverflow.com/questions/1374149/jquery-mind-map-think-map – m90

+1

to nie jest tutorial. czy spróbowałeś czegoś, –

+1

dziękuję, Chamika Sandamal, za twoją niezwykle pomocną wiadomość. Spojrzałem na około tuzin narzędzi, ale żaden z nich nie ma cech graficznych, których szukam. więc myślałem, że ktoś tutaj może wiedzieć o takim narzędziu. – levtatarov

Odpowiedz

5

Czy tego szukasz - plugin do tworzenia widoku drzewa:

[linki poniżej]

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

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

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

Ach, na schemacie czuć istnieje kilka wtyczki jak link powyżej, ale spróbuj tego:

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

Hope this helps, wiwaty,

+0

dziękuję, ale są to również zwykłe narzędzia i wtyczki do przeglądania drzewa – levtatarov

+0

+1 za twoje pytanie; Spróbuj tego, http://code.google.com/p/js-mindmap/ Edytowałem mój post. Jeśli przejdziesz do sekcji Czytaj mnie w linku github, przejdziesz do strony demonstracyjnej http: // kenneth.kufluk.com/google/js-mindmap/, okrzyki –

+0

dziękuję, sprawdzę to ... wygląda obiecująco – levtatarov

3

Można użyć JsTree. Istnieje również tree component zaplanowany dla interfejsu jQuery.

+0

jak próbowałem wykazać z obrazkami w moim pytaniu - szukam czegoś trochę innego graficznie- mądrzejszy niż standardowe widoki drzewa. ale dzięki – levtatarov

Powiązane problemy