反序列化流程图数据渲染的边指向位置都变成了节点左上角

[gushenyi123]

"@antv/x6": "^1.32.3",
"@antv/x6-vue-shape": "^1.4.0",
"@vue/composition-api": "^1.6.1"

VUE2 创建两个容器画布，一个用于画图，一个用于读取画图的json数据用于本地预览，发现反序列化流程图数据渲染的边指向位置都变成了节点左上角；
反序列化流程图数据渲染的边指向位置都变成了节点左上角
画布1：
this.graph = new Graph({
container: document.getElementById("container"),
history: true,
connecting: {
createEdge() {
return new Shape.Edge({
labels: [
{
attrs: { label: { text: "是" } },
},
],
router: {
name: "manhattan",
args: {
startDirections: ["bottom"],
endDirections: ["top"],
},
},
connector: {
name: "rounded",
args: {
radius: 20,
},
},
attrs: {
line: {
stroke: "#faad14",
// targetMarker: "classic",
strokeDasharray: 0,
},
},
});
},
},
selecting: {
enabled: true,
multiple: false,
// showEdgeSelectionBox: true,
// showNodeSelectionBox: true,
},
snapline: true,
width: "100%",
height: "1000",
panning: {
enabled: true,
},
background: {
color: "#f7f8ff", // 设置画布背景颜色
},
grid: {
size: 10, // 网格大小 10px
visible: true, // 渲染网格背景
},
});
画布2：
this.previewGraph = new Graph({
container: document.getElementById("previewContainer"),
width: "100%",
height: "1000",
});
this.previewGraph.fromJSON(this.graph.toJSON());

[gushenyi123]

解决掉了，我在第2个画布加一个setTimeout就正常了
setTimeout(() => {
that.previewGraph = new Graph({
container: document.getElementById("previewContainer"),
width: "100%",
height: "1000",
});
that.previewGraph.fromJSON(this.graph.toJSON());
}, 0);