单侧路由
示例加载中…
import { Graph } from '@antv/x6'
const graph = new Graph({
container: document.getElementById('container'),
grid: true,
})
const source = graph.addNode({
x: 120,
y: 40,
width: 100,
height: 40,
attrs: {
body: {
fill: '#f5f5f5',
stroke: '#d9d9d9',
},
},
})
const target = graph.addNode({
x: 400,
y: 260,
width: 100,
height: 40,
attrs: {
body: {
fill: '#f5f5f5',
stroke: '#d9d9d9',
},
},
})
graph.addEdge({
source,
target,
// https://x6.antv.antgroup.com/api/registry/router#oneside
router: {
name: 'oneSide',
args: {
side: 'right',
padding: 50,
},
},
attrs: {
line: {
stroke: '#722ed1',
},
},
})