d3.js制作tree图(树图)实例

树图现在用的越来越广了，所以今天咱们也聊聊

工具/原料

webstorm

方法/步骤

1、新建12Tree图（树图）实例.html

2、定义层次数据结构

3、基于基础数据生成hierarchy数据，同时生成树图生成器，及所须数据

4、结果如图：

5、生成数组及定义SVG

6、生成圆，即每个节点

7、使用link获取所有的节点之间的关系

8、结果如图：

9、添加连接

10、结果如图：