图形化树创建

Question

我精通CSS/HTML

可以使用CSS3、HTML5和Jquery。

我的项目是使用Asp.net MVC，LINQ，Razor.

只是以防万一后者很重要。

我正在尝试为用户创建一个图形化的树。我从来没有尝试过这样的事情，所以我甚至不确定从哪里开始。

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

始终有4个级别(部门、职能、流程、程序)，最终将有5个级别。

我相信这其中会涉及到大量的数学知识。如果有人能给我指出正确的方向，或者也许有一个教程。我将不胜感激。

*作为附注，这可能会产生影响。这棵树正在被放到一个已经有响应的网站上。

除了我的艺术技巧，这也是我想要达到的目标。

​

​

Answer 1

1. 看看 for ASP.NET。它似乎满足了您的要求，但请准备好根据您的团队/项目设置支付200- USD400许可费。
2. 使用强大的、免费提供的 JavaScript可视化工具包。它有一个名为的组件，可以根据您的需要绘制树。
3. 使用正确定位的带有边框的div来表示树节点，并使用在节点之间创建连接。