图形树创建

Question

我能熟练使用CSS / HTML
体现CSS3和HTML5以及Jquery 我的项目是使用Asp.net MVC，LINQ，Razor。

只是因为后者很重要。

我正在尝试为用户创建图形树。我以前从未尝试过这样的事情所以我不确定从哪里开始。

我知道我希望它是一棵自上而下的树。顶部的单个节点级联到底部的多个节点。

总会有4个级别（部门，职能，流程，程序），最终将达到5个级别。

我确信这会涉及很多数学。如果有人可以指出我正确的方向，或者可能有一个教程。我将不胜感激。

***作为旁注，这可能会产生影响。这棵树正被放入一个已经响应的网站。

除了我的艺术技巧，这才是我想要实现的目标。

Answer 1

1. 查看ASP.NET的OrgChart。它似乎满足您的要求，但准备根据您的团队/项目设置支付200美元400美元的许可费。

2. 使用优秀，免费提供的Infovis JavaScript可视化工具包。它有一个名为SpaceTree的组件，可以根据需要绘制树。

3. 使用带边框的正确定位div来表示树节点，使用jsPlumb创建节点之间的连接。