// 节点1样式及配置
const model1 = {
id: 'node1',
children: [],
name: '名称',
color: 'yellow',
x: 200,
y: 150,
style: {
fill: 'blue',
},
};
// 创建第一个节点到图上,第一个参数:类型type为‘node’节点
graph.addItem('node', model1);
// 节点2样式及配置
const model2 = {
id: 'node2',
children: [],
name: '名称',
color: 'yellow',
x: 200,
y: 150,
style: {
fill: 'blue',
},
};
// 创建第二个节点到图上,第一个参数:类型type为‘node’节点
graph.addItem('node', model2);
// 获取2个新建节点的item对象
var node1 = graph.findById('node1');
var node2 = graph.findById('node2');
// 创建一个边,连接到两个结点上,第一个参数:类型type为‘edge’边
graph.addItem('edge', {
source: node1,
target: node2,
}, false);
Ant G6创建节点、创建边并连接
于 2022-05-05 14:46:58 首次发布