2017-02-28 34 views
0

我知道我們可以通過定義一個新主題來定製節點的外觀和感覺。但我無法弄清楚如何創建像這樣非常自定義的節點 - 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"/>' 
    }; 

但是調整此代碼使其看起來像附加圖像中的設計似乎非常困難。如果我調整節點矩形的大小,連接的線路不會調整大小。

有什麼建議嗎?

回答

0

如果您調整矩形的大小,還應該更改大小屬性

+0

這樣做會使文本突出顯示。連接線和'+'符號也沒有對齊。簡而言之,在'「中更改'd'屬性的值可能會混淆整個圖表。 – udayms