Network - layout

canvas 위에서 보는 카메라 역할을 합니다. 애니메이션 확대/축소 및 포커싱을 수행합니다.

옵션

layout 모듈의 옵션은 'layout'이라는 제목의 object에 포함되어야 합니다.

전체 옵션 혹은 요약 옵션을 클릭하여 사용하는 방법을 표시합니다.

// 모든 옵션들 입니다.
var options = {
  layout: {
    randomSeed: undefined,
    improvedLayout:true,
    clusterThreshold: 150,
    hierarchical: {
      enabled:false,
      levelSeparation: 150,
      nodeSpacing: 100,
      treeSpacing: 200,
      blockShifting: true,
      edgeMinimization: true,
      parentCentralization: true,
      direction: 'UD',        // UD, DU, LR, RL
      sortMethod: 'hubsize',  // hubsize, directed
      shakeTowards: 'leaves'  // roots, leaves
    }
  }
}

network.setOptions(options);

// 단축 옵션만 표시합니다.
var options = {
  layout:{
    hierarchical: true
  }
}

network.setOptions(options);

hierarchical layout을 사용하도록 설정한다면, 다른 옵션 중 일부를 재정의합니다. physics는 hierarchical repulsion solver로 설정되고 동적 곡선 Edge는 정적 곡선 Edge로 변환됩니다.

이름	Type	Default	설명
randomSeed	Number or String	`undefined`	hierarchical layout을 사용하지 않는 경우, Node들은 처음에 랜덤하게 배치됩니다. 매번 결과가 다르다는 의미입니다. 랜덤 시드를 수동으로 제공하는 경우 layout이 매번 동일합니다. 정의되지 않은 시드로 시도하고 layout이 마음에 들면 `getSeed()`를 이용해 시드를 확인하는 것이 좋습니다.
improvedLayout	Boolean	`true`	활성화가 되면 Network는 초기 layout에 Kamada Kawai 알고리즘을 사용합니다. Node가 100개 이상인 Network의 경우 Node를 줄이기 위해 클러스터링이 자동으로 수행됩니다. (리프 Node가 적거나 없음), 이것이 작동하지 않을 수 있으며 이전 메소드로 돌아갑니다. 이는 개선될 것입니다.
clusterThreshold	Number	`150`	`improvedLayout`이 적용되는 클러스터 임계값입니다.
hierarchical	Object or Boolean	`Object`	True이면, layout 엔진은 기본 설정을 사용하여 Node를 hierarchical 방식으로 배치합니다. 사용자 설정을 위해 object를 제공할 수 있습니다.
hierarchical.enabled	Boolean	`false`	hierarchical layout 시스템의 사용을 전환합니다. 이 옵션이 정의되지 않은 경우 이 object의 속성 중 하나가 true로 정의됩니다.
hierarchical.levelSeparation	Number	`150`	서로 다른 레벨 사이의 거리입니다.
hierarchical.nodeSpacing	Number	`100`	자유 축의 Node간의 최소 거리입니다. 이것은 처음 layout에만 해당됩니다. physics를 활성화하면 해당 Node 거리가 유효 Node 거리로 변경됩니다.
hierarchical.treeSpacing	Number	`200`	서로 다른 트리 사이의 거리 (독립된 Network들) 입니다. 이것은 처음 layout에만 해당됩니다. physics를 활성화하면, repulsion 모델은 트리 사이의 거리를 나타냅니다.
hierarchical.blockShifting	Boolean	`true`	공백을 줄이는 방법입니다. 단독으로 사용하거나, Edge 최소화와 함께 사용할 수 있습니다. 각 Node는 공백을 확인하고 모든 레벨의 Node spacing에 따라 가능한 한 부분을 이동시킵니다. 이는 주로 첫 layout을 위한 것입니다. physics를 활성화하면 physics에 의해 layout이 결정됩니다. 하지만 이것은 안정화 시간을 크게 단축할 것입니다!
hierarchical.edgeMinimization	Boolean	`true`	공백을 줄이는 방법입니다. 단독으로 사용하거나 block shifting과 함께 사용할 수 있습니다. block shifting을 활성화하면 일반적으로 layout 프로세스의 속도가 빨라집니다. 각 Node는 각 Edge의 총 길이를 줄이기 위해 자유 축을 따라 이동하려고 시도합니다. 이것은 주로 첫 layout을 위한 것입니다. physics를 활성화하면 physics에 의해 layout이 결정됩니다. 하지만 이것은 안정화 시간을 크게 단축시킬 것입니다!
hierarchical.parentCentralization	Boolean	`true`	True이면 layout 알고리즘 완료된 후 상위 Node의 중심이 다시 맞춰집니다.
hierarchical.direction	String	`'UD'`	hierarchical layout의 방향입니다. 사용 가능한 옵션은 `UD, DU, LR, RL`입니다. 이 단어들의 요약입니다. up-down, down-up, left-right, right-left.
hierarchical.sortMethod	String	`'hubsize'`	데이터를 기반으로 Node의 레벨을 확인하는 데 사용하는 알고리즘입니다. 가능한 옵션: `hubsize, directed`. Hubsize는 가장 많은 Edge를 가진 Node를 최상단에 배치합니다. 이를 통해 나머지 층이 계산됩니다. Edge 데이터로 연결됩니다. A->B 그래서 B는 A보다 낮은 레벨입니다.
hierarchical.shakeTowards	String	`'roots'`	layout에서 모든 루트가 가능한 상위 및 하위 Node에 정렬되어야 하는지(`roots`) `directed` 또는 모든 leaf가 하단에 정렬되어 있고 부모(`leaves`, default)가 가능한 자식에게 근접해야 하는지 여부를 제어합니다.

Third party docs: