请问vue项目中使用mxgraph创建edge需两端元素的什么信息?id吗?
时间: 2023-11-27 15:04:22 浏览: 50
是的,创建edge需要两端元素的id信息。在使用 mxGraph 创建边时,可以通过以下代码设置源和目标节点的 ID:
```
graph.insertEdge(parent, null, '', sourceNode, targetNode);
```
其中,sourceNode 和 targetNode 分别是源节点和目标节点的引用,可以通过节点的 ID 获取这些引用,例如:
```
var sourceNode = graph.getModel().getCell(sourceNodeId);
var targetNode = graph.getModel().getCell(targetNodeId);
```
在创建边之前,需要先创建节点并为每个节点设置唯一的 ID,例如:
```
var node1 = graph.insertVertex(parent, null, 'Node 1', 20, 20, 80, 30, 'shape=ellipse');
node1.setId('node1');
var node2 = graph.insertVertex(parent, null, 'Node 2', 120, 120, 80, 30, 'shape=ellipse');
node2.setId('node2');
```
然后,使用这些节点的 ID 信息来创建边:
```
var sourceNode = graph.getModel().getCell('node1');
var targetNode = graph.getModel().getCell('node2');
graph.insertEdge(parent, null, '', sourceNode, targetNode);
```
这样就可以创建连接两个节点的边了。
阅读全文