前端绘图库AntV-X6的使用笔记

586 阅读1分钟

关于er图的绘制

官方例子:x6.antv.antgroup.com/examples/sh…

关于er图的连线交互:字段-字段,实体-实体

如何从节点中拉出连线,并连接另一个节点?

连接桩

如何重新连接(源节点不变,改变目标节点)

通过添加工具集合接口,可通过连线工具(连线工具)来实现

如何取消(关闭)连接?

在连线(edge)上添加一个按钮,可通过连线工具(删除按钮)来实现

如何在连线上添加按钮,触发事件?

可通过连线工具(按钮)来实现

如何校验连接

需求中,存在节点的连接规则,即实体-实体,字段-字段,不能实体-字段

通过connecting配置的validateConnection选项来实现

如何把当前页面的pageX,pageY转换成画布的内部坐标

pageToLocal(pageX, pageY): point

x6.antv.antgroup.com/api/graph/c…

官方文档:

x6.antv.antgroup.com/

连线的工具集文档

x6.antv.antgroup.com/api/registr…

连线的连接行为的文档

x6.antv.antgroup.com/api/interac…

id相体的node或者edge,通过graph.addNodes/addEdges来添加到画布,不会被重复绘制