一, 新建画布
二, 数据处理
三, 绘制连接线
图示:
四, 绘制节点, 文字
五, 总结
path 元素: 其实就是定义了绘图的坐标点, 从哪开始, 移动到哪, 怎样移动 (命令)
具体可百度 (或许以后我会总结一篇关于 path 的?)
另外: 此篇树状图用了博主自定义的 automatch 和 attr(扩展版) 函数, 若有不明白的可参照之前的博客, 避免控制台报错.
来源: http://www.bubuko.com/infodetail-2870355.html