zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:流程图支持相同两个节点间多条线

This commit is contained in:
shijing 2025-07-15 16:36:21 +08:00
parent 80c8cfdd85
commit e690a10951
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/scDegra.vue
View File

@ -60,7 +60,7 @@ export default {
if(that.g!==null){ if(that.g!==null){
that.updateGraph(); that.updateGraph();
}else{ }else{
that.g = new dagreD3.graphlib.Graph().setGraph({ that.g = new dagreD3.graphlib.Graph({multigraph: true}).setGraph({
rankdir: that.rankdir, rankdir: that.rankdir,
nodesep: 40, nodesep: 40,
edgesep: 25, //两条线之间的距离 edgesep: 25, //两条线之间的距离
@ -89,8 +89,9 @@ export default {
that.edges.forEach((transition0) => { that.edges.forEach((transition0) => {
that.g.setEdge(transition0.source,transition0.target,{ that.g.setEdge(transition0.source,transition0.target,{
label: transition0.label,// 边标签 label: transition0.label,// 边标签
id: transition0.id,
style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px", // 根据后台数据来改变连线的颜色 style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px", // 根据后台数据来改变连线的颜色
}); },transition0.id);
}); });
// 创建渲染器 // 创建渲染器
let render = new dagreD3.render(); let render = new dagreD3.render();

5
src/views/template/degraD3.vue
View File

@ -60,7 +60,7 @@ export default {
if(that.g!==null){ if(that.g!==null){
that.updataGraph(); that.updataGraph();
}else{ }else{
that.g = new dagreD3.graphlib.Graph().setGraph({ that.g = new dagreD3.graphlib.Graph({multigraph: true,}).setGraph({
rankdir: that.rankdir, rankdir: that.rankdir,
nodesep: 40, nodesep: 40,
edgesep: 25, //两条线之间的距离 edgesep: 25, //两条线之间的距离
@ -89,8 +89,9 @@ export default {
that.edges.forEach((transition0) => { that.edges.forEach((transition0) => {
that.g.setEdge(transition0.source,transition0.target,{ that.g.setEdge(transition0.source,transition0.target,{
label: transition0.label,// 边标签 label: transition0.label,// 边标签
id: transition0.id,
style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px", // 根据后台数据来改变连线的颜色 style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px", // 根据后台数据来改变连线的颜色
}); }, transition0.id);
}); });
// 创建渲染器 // 创建渲染器
let render = new dagreD3.render(); let render = new dagreD3.render();