welabx - antv G6
No Data
公司项目中需要用到涉及表示关系的图谱, 所以在d3可以满足需求的情况下, 突然发现了G6, 在对比了性能和技术后续迭代, 我选择了G6作为技术支撑, 进而迈入可视化领域.
适用于需要靠绘图来表达和描述关系的项目中, 官网所有支持的布局均可使用, 以及相关的开发者.
在1.0时完整实现所有流程化的自定义功能, 并包含绝大部分可选的交互, 实现极高性能的绘图工具.
欢迎关注我的 B 站教程, 不定时更新, 讲解各种图形绘制以及问题解决思路, 带你领略可视化的魅力: b站教程
[] 节点锁定及加锁状态
[x] 给节点设置图标
[x] 边偶尔会被选中
[x] 边动态动画
[x] 拖拽边高亮及时消失
[x] 节点和边 tooltip
[x] 椭圆, 平行四边形节点
[x] 边支持编辑箭头
[x] 双击节点编辑标签
[x] 画布缩放时的拖拽兼容
[x] 解决拖拽时 null文字残留
[x] 点击节点时将节点层级提升
[x] 拖拽画布后拖拽锚点虚线位置错误
npm install npm run dev // open 127.0.0.1:4300 in your browser
notes: 使用 cnpm 安装可能导致 import 路径报错, 建议使用npm或yarn, 另外发现使用 npm 安装内部依赖会自动更新, 导致G6内部出现报错, 如有报错, 请自行排查依赖版本. 请务必使用 package-lock 或 yarn.lock 锁定依赖版本!!! 有问题请在GitHub上提issue, 目前版本还有大部分功能要完善, 欢迎star