使用键盘快捷键可以更快地处理样式。

drawio6年前 (2020-03-16)draw.io教程10

组织结构图，也称为树状图、组织结构图或组织图，广泛应用于各个学科和行业。我们喜欢对一切事物进行分类，因为它有助于我们理解世界的运作方式。无论是动植物种类、企业和军队的层级结构、团队结构、家谱、语言家族关系，甚至是疾病症状——组织结构图都能帮助我们快速找到联系人、治疗疾病等等。

作为员工名录，组织结构图可以显示公司的汇报或管理结构，也可以按部门或项目划分。

快速创建组织结构图

您只需两个组件即可创建组织结构图：带标签的矩形以及连接它们的连接线。使用默认高级形状库中的矩形。高级形状库具有一些附加功能，允许您使用自动布局重新定位它们。

组织结构图中的矩形（节点）以树状结构排列，显示它们之间的父子关系。最重要的节点几乎总是位于树的顶部。

从高级形状库中添加一个“组织”形状到图表画布，并根据需要设置其样式。这将是您的父节点。
从高级形状库中拖动“分割”和“子部分”形状，将鼠标悬停在父节点的蓝色箭头上，然后松开鼠标即可连接。如果要将另一个子节点沿同一方向连接，则需要先移动现有子节点。
使用各种快捷方式克隆子形状并将其连接到层次树结构中。

通常，组织结构图以水平或垂直布局显示。您可能还会喜欢其他一些布局，例如鱼骨图、放射状图或单列图。您可以使用 draw.io 快速切换不同的布局。

移动分支：选择一个形状，然后单击并拖动右下角带有加号的黑色圆圈，即可将组织结构图中的整个分支移动到另一个位置。展开/折叠分支：单击形状左上角的+/-按钮。

提示：您还可以将复杂的分支拆分到图表中的单独页面，并从该分支的父节点链接到这些页面。

高级形状库中还包含具有垂直和水平树状布局的容器形状。这些容器形状可以折叠和展开。

这些容器树形布局会自动调整大小以适应其内容，并将内部所有形状整齐地自动排列成垂直或水平树状结构。在树形布局形状中克隆并连接父节点和子节点后，无需重新定位。

当您将鼠标悬停在形状上时出现的蓝色箭头，在树状布局形状内部的工作方式略有不同。如果您单击左箭头或右箭头，则会添加一个连接到同一父形状的同级形状。

注意：您还可以将容器形状嵌入到其他容器形状中。

您可以将组织结构图导出为图像文件（.png、.jpg、.svg）或 HTML 文件，以便将其嵌入网页中，或者导出为 PDF 文件进行打印。

如果您想分享图表，可以将其发布为链接或导出为 URL。如果图表不太复杂，整个图表都会被编码到生成的链接中——无需来回发送文件。

大型组织结构图很容易过时，尤其是在员工离职或新员工入职时需要手动更新的情况下。使用 draw.io，您可以从员工管理系统 (EMS) 导出的文本或 CSV 数据快速创建组织结构图。

您可以使用文本文件快速创建组织结构图，父节点标签用箭头（->）连接到子节点，每行一个标签，然后将其粘贴到 draw.io 中。例如：

Edwin MillerEdwin Miller->Ron DonovanEdwin Miller->Edward MorrisonEdwin Miller->Tessa ValetTessa Valet->Jack Braggs

使用上面描述的自动布局工具（排列 > 插入 > 布局 > 组织结构图）根据需要更改布局。

大多数员工管理系统 (EMS) 都允许您导出为 CSV 文件。这些 CSV 数据可以与格式和布局信息（在文本中描述）结合使用，并插入到 draw.io 组织结构图中。

选择排列 > 插入 > 高级 > CSV。

示例 CSV 数据和格式化代码是一个更复杂的组织结构图，使用图像和文本标签，其中包含姓名、角色、链接的电子邮件地址，以及当您将鼠标悬停在每个员工节点上时显示在工具提示中的其他元数据。

使用此示例，利用从 EMS 导出的 CSV 数据创建和格式化您自己的组织结构图。

提示：您无需在组织结构图中显示 CSV 文件中的所有列。请在# ignore: columnX, columnYCSV 数据上方的图表配置部分进行添加。

如果您想展示的不仅仅是层级结构，还可以使用其他类型的图表：