From 315494d99e8fc6ce12634fb94a92ee4a388c93e6 Mon Sep 17 00:00:00 2001 From: shijing Date: Thu, 3 Apr 2025 09:26:53 +0800 Subject: [PATCH] =?UTF-8?q?fix:dag=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/scDegra.vue | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/src/components/scDegra.vue b/src/components/scDegra.vue index 86fe9a63..f2a3bde3 100644 --- a/src/components/scDegra.vue +++ b/src/components/scDegra.vue @@ -58,7 +58,7 @@ export default { let that = this; that.$nextTick(() => { if(that.g!==null){ - that.updataGraph(); + that.updateGraph(); }else{ that.g = new dagreD3.graphlib.Graph().setGraph({ rankdir: that.rankdir, @@ -104,7 +104,6 @@ export default { let mySvgWdith =document.getElementsByClassName("output")[0].getBoundingClientRect().width+150 ; document.getElementById('mySvg').setAttribute("height", mySvgHeight); document.getElementById('mySvg').setAttribute("width", mySvgWdith); - svg.selectAll("g.node").on("click", function(event, d) { // 改变节点的颜色 const node = d3.select(this); @@ -125,15 +124,17 @@ export default { }); // 自定义方法:在节点点击时触发 function onNodeClick(nodeData) { - console.log("Node clicked:", nodeData); - this.$emit("nodeClick", nodeData); + let batch = ""; + that.nodes.forEach((item) => { + if (item.id === nodeData){ + batch = item.label; + } + }) + that.$emit("nodeClick", batch); // 你可以在这里处理更多的逻辑,例如显示一个提示框,更新图形状态等 } } }) - }, - updataGraph(){ - }, // 假设你有一个方法来更新节点和边的数据 updateGraph() {