jquery - getOrgChart：如何自定义框？

Question

我知道我们可以通过定义新主题来自定义节点的外观。但我无法弄清楚如何创建像这样非常自定义的节点 -节点设计：

我已经查看了创建您自己的主题的演示示例。定义如下所示：

    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

如果你调整矩形的大小，你也应该改变大小属性