fix:dag优化
This commit is contained in:
parent
125e82d310
commit
315494d99e
|
|
@ -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() {
|
||||
|
|
|
|||
Loading…
Reference in New Issue