fix:dag优化
This commit is contained in:
parent
125e82d310
commit
315494d99e
|
|
@ -58,7 +58,7 @@ export default {
|
||||||
let that = this;
|
let that = this;
|
||||||
that.$nextTick(() => {
|
that.$nextTick(() => {
|
||||||
if(that.g!==null){
|
if(that.g!==null){
|
||||||
that.updataGraph();
|
that.updateGraph();
|
||||||
}else{
|
}else{
|
||||||
that.g = new dagreD3.graphlib.Graph().setGraph({
|
that.g = new dagreD3.graphlib.Graph().setGraph({
|
||||||
rankdir: that.rankdir,
|
rankdir: that.rankdir,
|
||||||
|
|
@ -104,7 +104,6 @@ export default {
|
||||||
let mySvgWdith =document.getElementsByClassName("output")[0].getBoundingClientRect().width+150 ;
|
let mySvgWdith =document.getElementsByClassName("output")[0].getBoundingClientRect().width+150 ;
|
||||||
document.getElementById('mySvg').setAttribute("height", mySvgHeight);
|
document.getElementById('mySvg').setAttribute("height", mySvgHeight);
|
||||||
document.getElementById('mySvg').setAttribute("width", mySvgWdith);
|
document.getElementById('mySvg').setAttribute("width", mySvgWdith);
|
||||||
|
|
||||||
svg.selectAll("g.node").on("click", function(event, d) {
|
svg.selectAll("g.node").on("click", function(event, d) {
|
||||||
// 改变节点的颜色
|
// 改变节点的颜色
|
||||||
const node = d3.select(this);
|
const node = d3.select(this);
|
||||||
|
|
@ -125,15 +124,17 @@ export default {
|
||||||
});
|
});
|
||||||
// 自定义方法:在节点点击时触发
|
// 自定义方法:在节点点击时触发
|
||||||
function onNodeClick(nodeData) {
|
function onNodeClick(nodeData) {
|
||||||
console.log("Node clicked:", nodeData);
|
let batch = "";
|
||||||
this.$emit("nodeClick", nodeData);
|
that.nodes.forEach((item) => {
|
||||||
|
if (item.id === nodeData){
|
||||||
|
batch = item.label;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
that.$emit("nodeClick", batch);
|
||||||
// 你可以在这里处理更多的逻辑,例如显示一个提示框,更新图形状态等
|
// 你可以在这里处理更多的逻辑,例如显示一个提示框,更新图形状态等
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
|
||||||
updataGraph(){
|
|
||||||
|
|
||||||
},
|
},
|
||||||
// 假设你有一个方法来更新节点和边的数据
|
// 假设你有一个方法来更新节点和边的数据
|
||||||
updateGraph() {
|
updateGraph() {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue