JointJs에서 포트에 프로그래밍 방식으로 링크를 만드는 방법

Question

JointJs에서 포트가있는 devs.Model 개체로 프로그래밍 방식으로 링크를 만들려고합니다.

api (http://jointjs.com/api#joint.dia.Graph:addCell)에서 그래프 용 addCell을 사용하려고했지만 어떤 이유로 링크가 소스 및 대상 devs.Model 객체의 올바른 포트 서클을 가리키고 있지 않고 전체 요소 자체. 여기

내가 사용하려고 해요 코드 :

var link = new joint.dia.Link({ 
     source: { 
     id: srcModel.id, 
     port: 'out' 
     }, 
     target: { 
     id: dstModel.id, 
     port: 'in' 
     } 
    }); 
// Assume graph has the srcModel and dstModel with in and out ports. 
graph.addCell(link) 

링크 생성, 그러나 어떤 포트를 가리키는되지 않으므로 하나의 작은 팅겨이 같은 나는 이러한 링크를 얻을 필요가 기분이 일하다. joint.shapes.devs.Link에 대한

Answer 1

그냥 변경 joint.dia.Link는 :

var link = new joint.shapes.devs.Link({ 
    source: { 
     id: srcModel.id, 
     port: 'out' 
    }, 
    target: { 
     id: dstModel.id, 
     port: 'in' 
    } 
    }); 
    // Assume graph has the srcModel and dstModel with in and out ports. 
    graph.addCell(link) 

Answer 2

커넥터 및 라우터를 추가합니다. 예 :

var link = new joint.shapes.devs.Link({ 
    source: { 
    id: srcModel.id, 
    port: 'out' 
    }, 
    target: { 
    id: dstModel.id, 
    port: 'in' 
    }, 
    connector: { name: 'rounded' }, 
    router: { name: 'metro' } 
}); 
graph.addCell(link);