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

長方形のサイズを変更する場合は、サイズプロパティも変更する必要があります。