2013-10-21 3 views
2

d3.js를 사용하여 네트워크 그래프를 만들려고 시도했습니다.d3js에서 원의 겹침을 제거하는 방법은 무엇입니까?

중첩하는 원의 반경을 늘리는 동안. 이러한 중복을 피하는 방법.

I을 충돌 기능을 사용하려고했지만

jsFiddle

force.nodes(json.nodes).links(links).charge(-500) 
     .linkDistance(function (d) { 
      if (d.target.bublesize == 12) { 
       return 80; 
      } else if (d.target.bublesize == 18) { 
       return 90; 
      } else { 
       return link_distance; 
      } 
     }).collide(.5) 

    force.start(); 
및 스크린 샷을 예상대로 가시 중복으로 밖으로 일을하지 않았다 :

enter image description here

+0

강제 레이아웃을 사용하면 자신이 겹치지 않도록해야합니다. –

+0

@LarsKotthoff 어떻게해야합니까? 원의 크기를 줄이거 나 링크 거리를 늘리려는 것이 었습니까? –

+0

두 경우 모두 도움이 될 수 있습니다. 그러나 실제로 충돌 감지/방지를 원한다면 직접 구현해야합니다. –

답변