X6 是 AntV 旗下的图编辑引擎,提供了一系列开箱即用的交互组件和简单易用的节点定制能力,方便我们快速搭建流程图、DAG 图、ER 图等图应用。
本文适用于有一定 antv/x6 使用基础的开发者。
实现效果
实现效果示意图
业务对象 ER 图用来表示不同领域下不同业务对象之间的关系,如上图所示:
- 一张卡片代表一个节点(业务对象),每个节点下有多个字段。
- 节点间关系,使用带有向箭头的边表示。不同关系会有不同的边颜色对应展示。
- 点击选中某个节点,与该节点所关联的边都会加粗高亮。
- 存在操作按钮,可动态切换每个节点内展示的关联/非关联字段。
- 可通过按钮操作业务对象的增删改查。
- 可拖拽节点,但是不能自建连线。
- 自动布局。