连接线 Link
在快速上手案例中,我们通过 JSON 数据来快速添加两个任务或活动连线,并简单了解了如何定制连线样式。接下来我们将学习更多创建边的方式,并了解创建边的基础选项。
创建连线(Gantt、PERT)
参数选项
- shape 连线类型
- source 源节点或起始点(id)。
- target 目标节点或目标点(id)。
- type 依赖关系
netGraph.addLink
另外,我们还可以使用 graph.addLink 方法来创建边并添加边到画布,推荐大家使用这个便利的方法。
js
const link = netGraph.addLink({
shape: 'edge', // 指定使用何种图形,默认值为 'edge'
source: ['id'], // (string|number []) 起始任务id
target: ['id'], // (string|number []) 目标任务id
type: 'FS' // (string) SS SF FS FF
})
这里的关键是使用 shape 来指定图形,默认值为 'edge'(其他类型如:箭头线,双实线、虚线等,暂未扩张)。在 NetPlanGraph 内部,我们通过 shape 指定的图形,并将其添加到画布。