getOrgChart : 상자를 사용자 정의하는 방법은 무엇입니까?

Question

새로운 테마를 정의하여 노드의 모양과 느낌을 사용자 정의 할 수 있음을 알고 있습니다. 하지만 이처럼 매우 맞춤적 인 노드를 만드는 법을 알 수는 없습니다. - Node Design:

나만의 테마를 만드는 데 필요한 데모 예제를 확인했습니다. 정의는 다음과 같습니다.

getOrgChart.themes.myCustomTheme = 
    { 
     size: [170, 230], 
     toolbarHeight: 46, 
     textPoints: [ 
      { x: 10, y: 200, width: 170 } 
     ], 
     text: '<text width="[width]" class="get-text get-text-[index]" x="[x]" y="[y]">[text]</text>', 
     image: '<clipPath id="getMonicaClip"><circle cx="85" cy="85" r="85" /></clipPath><image preserveAspectRatio="xMidYMid slice" clip-path="url(#getMonicaClip)" xlink:href="[href]" x="0" y="0" height="170" width="170"/>' 
    }; 

이 코드를 조정하면 첨부 된 이미지의 디자인이 매우 어려워 보입니다. 노드 직사각형의 크기를 조정하면 연결되는 선의 크기가 조정되지 않습니다.

제안 사항?

Answer 1

또한 사각형의 크기를 변경하면 크기 속성을 변경해야합니다.