JointJS曼哈顿路由器的线条不是垂直或水平的

Question

我正在使用与Manhattan路由器定义的链接。根据文档，线条应该是垂直和水平的，但是对于它们中的一些，它们开始或结束倾斜。我找不到如何解决它们。

在下图中，红线和绿线是正确的，而橙线不是预期的。

绘制所有行的代码相同。这是橙色线的代码：

var link = new joint.dia.Link({
source: {
    x: rects[item.StatusId].mOut.x,
    y: rects[item.StatusId].mOut.y
},
target: {
    x: rects[item.ModifyStatusId].mIn.x,
    y: rects[item.ModifyStatusId].mIn.y
},
router: {
    name: 'manhattan',
    args: {
        startDirections: ['top'],
        endDirections: ['right']
    }
},
attrs: {
    '.connection': { stroke: mColor, 'stroke-width': 3 },
    '.marker-target': { fill: mColor, stroke: mColor, d: 'M 10 0 L 0 5 L 10 10 z' }
}

}）;

links.push（联系）;