G6的配置项是真多,对没接触过的小白来说,简直了.... 啥也不说了,上效果图 vue写的组件,后面还会更新~

2.创建对象graph。 3.声明并添加树节点和边。 4.渲染dag图。

上面的demo就是使用 D3.js + Canvas 的方式实现的, 在组织的层数超过300时才会出现明显的卡顿, 能满足大部分的组织结构图的数据. 上面的变量 nodes 和 links 现在就包含了结构图中每个 组织节点 和 连接线 的坐标信息. 2. 使用Canvas绘图…