d3.js（v5.7）树状图

Posted 2021-01-24 桔子桑

一、新建画布

二、数据处理

三、绘制连接线

图示：

四、绘制节点、文字

图示：

五、总结

path元素：其实就是定义了绘图的坐标点，从哪开始，移动到哪，怎样移动（命令）

具体可百度（或许以后我会总结一篇关于path的？）

另外：此篇树状图用了博主自定义的automatch和attr（扩展版）函数，若有不明白的可参照之前的博客，避免控制台报错。