cytoscape.js에서 노드 사이의 관계를 표시합니다.

Question

저는 자동 드로잉 및 사용자 상호 작용을 통해 엔티티 간 관계를 그릴 수있는 소프트웨어를 찾고 있습니다. cytoscape.js를 보았는데 정말 좋은 옵션 인 것 같습니다.하지만이 소프트웨어로 관계 이름을 시각화 할 수 있는지 알고 싶습니다.

예를 통해 두 명의 인물을 끌어 들여 관련성을 보여 주면됩니다 (예 : 형제).

Person1 ====== brother =====> Person2

내가이 작업을 수행하는 코드를 수정해야합니까?

Answer 1

코드를 수정할 필요가 없습니다. 이 기능은 이미 내장되어 있습니다. mappers 및 cytoscape stylesheet definitions을 사용하는 방법을 알아야합니다.

here을 사용한 데모의 출처를 살펴보면 cytoscape CSS 스타일을 정의 할 때 content 속성을 설정해야합니다.이 속성을 사용하면 매퍼 및 표시 할 노드/에지 데이터의 특성을 지정하십시오.

이

style: cytoscape.stylesheet() 
    .selector("node") 
     .css({ 
      "content": "data(id)", 
      "shape": "data(shape)", 
      "border-width": 3, 
      "background-color": "#DDD", 
      "border-color": "#555", 
     }) 

당신은 가장자리이 도움이 희망을 동일한 작업을 수행 할 수 있습니다 다음과 같이 이미 노드의 id 속성으로 이루어집니다.