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

Question

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

​

​

但更像是这样的流程图：

​

​

所以基本上，我想要以图形化的方式显示它，而不是一个树视图，如果可能的话，可以放大和缩小。

如何才能做到这一点？您知道有什么(JS或Jquery)工具可以用于这类事情吗？

谢谢

编辑：

为了不分散，这里有一些工具，似乎正是我所寻找的(借助m90和因尼特)。

泰吉特

d3.js

js-思维图

jOrgChart

(b.t.w .-我现在和thejit一起去)

Answer 1

这就是您想要创建树视图的插件吗：

以下链接

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/

希望这有帮助，干杯，

Answer 2

您可以使用JsTree。还有一个用于树组件 UI的jQuery计划。