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

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

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

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"/>' 
    };

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

제안 사항?

출처

2017-02-28 udayms

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

출처

2017-02-28 09:58:55 user2231308

이렇게하면 텍스트가 상자 밖으로 나옵니다. 또한 연결선과 '+'기호가 잘못 정렬됩니다. 즉, '에서 d 속성의 값을 변경하면 전체 차트가 엉망이됩니다. – udayms

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

답변

관련 문제