跳到主要内容

1 篇博文 含有标签「antv/x6」

查看所有标签

· 阅读需 23 分钟
黄振敏

X6 是 AntV 旗下的图编辑引擎,提供了一系列开箱即用的交互组件和简单易用的节点定制能力,方便我们快速搭建流程图、DAG 图、ER 图等图应用。

本文适用于有一定 antv/x6 使用基础的开发者。

实现效果

alt 实现效果

实现效果示意图

业务对象 ER 图用来表示不同领域下不同业务对象之间的关系,如上图所示:

  • 一张卡片代表一个节点(业务对象),每个节点下有多个字段。
  • 节点间关系,使用带有向箭头的边表示。不同关系会有不同的边颜色对应展示。
  • 点击选中某个节点,与该节点所关联的边都会加粗高亮。
  • 存在操作按钮,可动态切换每个节点内展示的关联/非关联字段。
  • 可通过按钮操作业务对象的增删改查。
  • 可拖拽节点,但是不能自建连线。
  • 自动布局。