D3.js树图tree 组织机构分布图(基于vue)
@[TOC](D3.js树图tree 组织机构分布图(基于vue))背景前段时间接到一个需求,仿照企业查查->企业族谱 使用d3画出企业关系树图。这也是本人第一次接触d3.js,总体来说就是对数据进行操作,具体可自行网上学习,还需要具有一定svg基础。开发中遇到的主要问题就是对各节点位置的设置,因为根节点是左右进行扩散,那针对左右两部分的根就要根据根节点所占长度进行调整,具体实现可见代码:还有一点需要说明下,d3.js的各版本并非全面向下兼容,之前网上找的一些案例,本地运行时一直报各种错误,排
原创
2020-10-26 15:42:02 ·
6354 阅读 ·
18 评论