css - getorgchart源数据格式化

Question

我在添加 json 数据源时不断收到 az_null 错误。我认为这是因为 getorgchart 使用的元素的顺序必须按特定顺序排列，而不仅仅是正确的。

您能否告诉我此排序的规则是什么，以便图表不会抛出错误？

例如下面 - 这将运行，所以它不是在寻找“id”是为了，但如果您将第 3 次放在第二个元素之前，它会破坏它并引发错误。

[
    { id: 14, parentId: null },
    { id: 12, parentId: 14 },
    { id: 13, parentId: 12 },
    { id: 11, parentId: 14 },
    { id: 10, parentId: 11 },
    { id: 9, parentId: 11 },
    { id: 8, parentId: 11 },
    { id: 7, parentId: 11 },
    { id: 6, parentId: 11 },
    { id: 5, parentId: 10 },
    { id: 4, parentId: 9 },
    { id:3, parentId: 8 },
    { id: 2, parentId: 7 },
    { id: 1, parentId: 6 }

另请注意 - 如何使标题适合方框？我无法在 css 中将其编辑为换行或多行，因此作业会突出边缘。

米

Answer 1

parentId 必须在定义id 之前定义。也就是说，在添加员工之前，必须先添加员工的经理。

至于文本字段，您可以使用 CSS 设置字体大小(以适应框)。例如，类“get-text-0”用于名称，“get-text-1”用于职位。这是我的自定义 CSS，例如:

.get-org-chart .get-oc-c .get-text-0 {
    fill:#000;        /* font color */
    font-size: 40px;  /* text, Name */
}

.get-org-chart .get-oc-c .get-text-1 {
    fill: #000;       /* font color */
    font-size: 24px;  /* text, Title */
}