jQuery-从数据动态生成图形树形视图 [英] JQuery - dynamically generate a graphic tree-view from data

问题描述

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

i want to dynamically generate a tree-view to represent a users connections in an applicaiton but i don't want it to look like a normal tree-view (looks like a File System structure) like this:

但更像这样的流程图:

所以基本上，我想比树状视图更图形地显示它，并且如果可能的话-能够放大和缩小.

so basically i want to display it more graphically than a tree-view and if possible - being able to zoom in and out.

如何实现?您是否知道用于此类事情的任何(JS或Jquery)工具?

how can this be achieved? do you know of any (JS or Jquery) tools for that sort of thing?

谢谢

为了不被打散，这里有一些工具似乎正是我想要的工具(在的帮助下m90 和 Tats_innit )

in order not to get scattered here're are the tools that seem to be exactly what i was llooking for (with the help of m90 and Tats_innit)

thejit

d3.js

js-mindmap

jOrgChart

(b.t.w-我现在要使用thejit)

(b.t.w - i'm going with thejit for now)

推荐答案

这就是您要寻找的-用于创建树状视图的插件:

Is this what you are looking for - plugin to create tree view:

[下面的链接]

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

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

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

嗯，对于流程图，感觉上面的链接很少有插件，但是请尝试以下操作:

Ah, for the flowchart feel there are few plugin like a link above but try this:

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

希望这会有所帮助，欢呼声，

hope this helps, cheers,

这篇关于jQuery-从数据动态生成图形树形视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！