总要有人来改变世界的,为什么不能是你呢

d3.js(v5.7)树状图

一、新建画布

image.png

二、数据处理

image.png

三、绘制连接线

image.png

图示:

image.png

四、绘制节点、文字

image.png

图示:

image.png

五、总结

path元素:其实就是定义了绘图的坐标点,从哪开始,移动到哪,怎样移动(命令)

image.png

具体可百度(或许以后我会总结一篇关于path的?)

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


posted @ 2018-12-02 21:02  桔子桑  阅读(1601)  评论(0编辑  收藏  举报