MXGraph移动连线后无法重绘问题求助（Angular7集成场景）

嘿，我来帮你梳理几个实用的排查方向，虽然没看到具体代码，但这类问题在mxGraph开发里挺常见的：

• 检查连线几何属性的序列化/反序列化
  mxGraph里移动后的连线路由点（points）是存在<mxGeometry>节点中的，你可以导出XML后查看移动过的连线对应的节点，确认是否包含正确的points数组。比如正常的应该是这样：

  <mxCell id="edge1" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;" parent="1" source="node1" target="node2">
    <mxGeometry relative="1" as="geometry">
      <Array as="points">
        <mxPoint x="150" y="250" as="point"/>
        <mxPoint x="200" y="250" as="point"/>
      </Array>
    </mxGeometry>
  </mxCell>
  

  如果导出的XML里这个连线没有points，那大概率是序列化时的问题，可能你们自定义的代码覆盖了默认的mxCodec对连线几何的处理逻辑。

• 加载后强制刷新视图
  有时候模型加载完成后，视图没有同步更新，导致连线没被绘制。你可以在加载XML的代码末尾加上：

  editor.graph.refresh();
  // 要是只想刷新单个连线，也可以用
  // editor.graph.view.refresh(edgeCell);
  

  手动触发视图的刷新操作，看看连线会不会显示出来。

• 排查自定义渲染器或样式的干扰
  因为你是基于修改后的ports.html开发的，要是你们自定义了mxEdgeRenderer或者修改了连线的样式，可能在移动连线后没有正确更新渲染状态。可以暂时注释掉自定义的渲染逻辑，用mxGraph默认的渲染器测试，看看连线能不能正常显示。

• 验证连线的源/目标单元格引用
  加载后可以打印一下那个不显示的连线单元格的source和target属性，确认它们指向的是模型中存在的节点单元格。有时候序列化/反序列化时出现ID不匹配的情况，虽然连线在模型里，但找不到对应的源或目标节点，自然就渲染不出来。

• 检查版本兼容性
  确认一下你用的mxGraph版本和Angular7是否存在兼容性问题，某些旧版本的mxGraph在序列化带路由点的连线时存在bug，试试升级或降级到mxGraph的稳定版本，比如4.x系列，看看问题会不会消失。

内容的提问来源于stack exchange，提问作者Marco