JQuery - 从数据动态生成图形树视图

时间:2012-03-11 09:41:55

标签: jquery treeview

我想动态生成树视图来表示应用程序中的用户连接,但我不希望它看起来像普通的树视图(看起来像文件系统结构),如下所示:

enter image description here

但更像是这样的流程图:

enter image description here

所以基本上我想以图形方式显示它而不是树视图,如果可能的话 - 能够放大和缩小。

如何实现这一目标?你知道任何(JS或Jquery)工具吗?

感谢

修改

为了不分散在这里,这些工具似乎正是我所追求的(在m90Tats_innit的帮助下)

thejit

d3.js

js-mindmap

jOrgChart

(b.t.w - 我现在要去thejit

2 个答案:

答案 0 :(得分:5)

这是你要找的 - 插件来创建树视图:

[链接以下]

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/

希望这会有所帮助,欢呼,

答案 1 :(得分:3)

您可以使用JsTree。 jQuery UI还有一个tree component计划。