Javascript 层次结构/树创建者
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/14880817/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Javascript Hierarchy/Tree creator
提问by Ryguy
Does anyone know of a javascript or css hierarchy plugin that will accomplish the following:
有谁知道将完成以下任务的 javascript 或 css 层次结构插件：
Root
| |
| |
M1 M2
| |
\ /
E
One that will basically do this, start with a root, branch off to two or more nodes, and the possibility that the nodes can meet on a child element below.
一个基本上会这样做的，从一个根开始，分支到两个或多个节点，以及节点可以在下面的子元素上相遇的可能性。
Thanks
谢谢
回答by Sen Jacob
You may just need to reverse this.. CSS3 Family Tree
你可能只需要扭转这个.. CSS3 家谱
Otherwise you can use Canvas for drawing your required tree structure
否则，您可以使用 Canvas 绘制所需的树结构
Or you can use jsPlumb Library. See some samples here
Also checkout JavaScript InfoVis Toolkitand GoJSlibraries.
还可以查看 JavaScript InfoVis Toolkit和GoJS库。
Also checkout D3 library. Demo1, Demo2, Demo3
回答by Ryguy
Ended up using the original idea we had and went with http://astuteo.com/slickmap/which makes some nice looking hierarchy trees.
最终使用了我们的原始想法，并使用了http://astuteo.com/slickmap/这使得一些漂亮的层次树。
