#2.0.85
ontology 차트에 대한 확장 옵션을 지정합니다.
JSON 데이터에 각 설정항목이 전체 설정항목보다 우선합니다.
extend: {
ontology: {
dragable: true,
marginBoundary: 10,
strength: -30,
distance: 30,
limitTickCount: 100,
showAtOnce: true,
collisionRadius: 100,
circleStyle: {
strokeStyle: "normal",
strokeColor: "silver",
strokeWidth: 0,
strokeOpacity: 1,
color: "silver",
opacity: 0.2,
},
radiusRange: {
min: 10,
max: 10,
},
showText: true,
textColor: "black",
textFontWeight: "normal",
showText: true,
textFontSize: 14,
textMovePos: {
x: 0,
y: 0,
},
textPosition: "",
textPositionMargin: 14,
imageMovePos: {
x: 0,
y: 0,
},
imagePosition: "center",
showLink: true,
exceptRadiusLine: false,
curvedLink: false,
curvedAngle: 15,
curvedClockWise: false,
useArrow: "none",
arrowStyle: {
strokeStyle: "normal",
strokeColor: "silver",
strokeWidth: 0,
strokeOpacity: 1,
color: "silver",
opacity: 0.2,
},
linkStyle: {
strokeStyle: "normal",
strokeColor: "silver",
strokeWidth: 0,
strokeOpacity: 1,
},
showLinkText: false,
linkTextColor: "black",
linkTextFontWeight: "normal",
linkTextFontSize: 12,
hiddenInit: false,
onendevent: null,
}
}
#2.0.85
드래그 기능의 사용여부를 설정합니다.
드래그 기능을 사용하면 각 노드들을 드래그하여 움직일 수 있습니다.
#2.0.85
각 노드들과 차트 영역간의 여백을 설정합니다.
기준점은 각 노드의 정중앙 좌표입니다.(따라서 반지름만큼 설정하면 노드가 온전히 차트 안에서 보이게 됩니다.)
#2.0.85
각 노드 끼리 끌어당기는 힘을 설정합니다.
양수일 땐 끌어 당기며 음수일 땐 밀어냅니다.
#2.0.85
Text간의 padding값을 설정합니다.
#2.0.85
시뮬레이션하는 횟수를 설정합니다.
#2.0.85
시뮬레이션이 완료되면 화면에 표시되도록 설정합니다.
#2.0.85
노드 사이의 충돌이 발생할 수 있는 영역을 설정합니다.
기준점은 각 노드의 정중앙 좌표입니다. (따라서 반지름만큼 설정하면 노드가 서로 겹치지 않도록 할 수 있습니다.)
#2.0.85
노드의 테두리 스타일을 설정합니다.
normal 또는 dotted 로 설정합니다.
#2.0.85
노드의 테두리 색상을 설정합니다.
#2.0.85
노드의 테두리 넓이를 설정합니다.
#2.0.85
노드의 테두리 투명도를 설정합니다.
#2.0.85
노드의 색상을 설정합니다.
#2.0.85
노드의 투명도를 설정합니다.
#2.0.85
노드들의 최소, 최대값을 설정합니다.
데이터의 value 값에 비례해서 처리됩니다.
데이터에 radius값이 있다면 무시됩니다.
#2.0.85
노드의 텍스트를 표시합니다.
#2.0.85
노드의 텍스트 색상을 설정합니다.
#2.0.85
노드의 텍스트 굵기를 설정합니다.
normal 또는 bold 로 설정합니다.
#2.0.85
노드의 텍스트 크기를 설정합니다.
#2.0.85
노드의 텍스트 크기를 설정합니다.
x, y 좌표를 입력하여 설정합니다.
#2.0.85
노드를 기준으로 텍스트의 위치를 설정합니다.
top. bottom 값을 통해 노드를 기준으로 텍스트의 위치를 설정할 수 있습니다.
빈 문자열은 center를 의미합니다.
#2.0.85
textPosition이 top 또는 bottom 일 때 마진을 설정합니다.
textFontSize와 textPosition에 따라 다르게 적용될 수 있습니다.
#2.0.85
노드의 이미지 위치를 설정합니다.
#2.0.85
노드를 기준으로 텍스트의 이미지의 위치를 설정합니다.
오직 center로만 설정이 가능합니다.
#2.0.85
노드끼리 연결되어있는 링크(라인)을 표시할지 설정합니다.
#2.0.85
링크가 그려질 시작위치를 설정합니다.
설정시 노드 밖에서부터 링크가 그려집니다.
#2.0.85
라인을 곡선으로 그릴지 설정합니다.
#2.0.85
curverdLink 설정시 적용될 곡선의 각도를 설정합니다.
#2.0.85
곡선이 어느방향으로 적용될지 설정합니다.
설정(true)시 시계 방향입니다.
#2.0.85
링크 끝에 화살표를 표시할 지 설정합니다.
none, oneway, twoway 값을 통해 설정합니다.
#2.0.85
화살표의 테두리 스타일을 설정합니다.
normal 또는 dotted 로 설정합니다.
#2.0.85
화살표의 테두리 색상을 설정합니다.
#2.0.85
화살표의 테두리 넓이를 설정합니다.
#2.0.85
화살표의 테두리 투명도를 설정합니다.
#2.0.85
화살표의 색상을 설정합니다.
#2.0.85
화살표의 투명도를 설정합니다.
#2.0.85
링크의 테두리 스타일을 설정합니다.
normal 또는 dotted 로 설정합니다.
#2.0.85
링크의 테두리 색상을 설정합니다.
#2.0.85
링크의 테두리 넓이를 설정합니다.
#2.0.85
링크의 테두리 투명도를 설정합니다.
#2.0.85
링크의 텍스트를 표시할 지 설정합니다.
#2.0.85
링크의 텍스트 색상을 설정합니다.
#2.0.85
링크의 텍스트 굵기를 설정합니다.
normal 또는 bold 로 설정합니다.
#2.0.85
링크의 텍스트 크기를 설정합니다.
#2.0.85
시작시 렌더링 된 차트를 숨기도록 설정합니다.
#2.0.85
차트를 그린 후 실행될 콜백함수를 설정합니다.
#2.0.85
ontology 차트에 fade-in 또는 fade-out 효과를 줄 수 있습니다.
파라메터는 앞에서부터 type, key, condition, key의 type, visible 여부입니다.
type은 all, node, link, image 가 있습니다.
condition에는 값의 비교 연산자( ==, !=, <=, >=, <, >) 총 6가지를 사용할 수 있습니다.)
key type은 string, number, boolean을 사용할 수 있습니다.
visible은 0은 hidden 을, 1은 visible을 의미합니다.
ontology의 속성이 아닌 chart의 속성입니다. 그러므로 작성시 chart.setOntologyObjectOpacity("all", "name", "<=", "string", "인원", 1); 처럼 작성합니다.
#2.0.156
text(label)을 클릭시 callback함수를 설정합니다.