当前位置:首页 > draw.io教程

表格中的图表,带有容器单元格

drawio3年前 (2023-02-10)draw.io教程9

使用 draw.io,表格不再局限于存储文本数据。您可以将形状和图像拖放到表格单元格中,并在它们之间拖动连接线,从而在表格中创建富有创意的图表。

使用容器表

在图表中添加表格

  1. 在 Sketch 白板编辑器主题中,单击图表编辑器中的表格工具,该工具位于顶部工具栏或侧边工具栏中。

  2. 点击“容器”复选框,即可使表格单元格容纳其他形状。系统会自动添加行标题和列标题,但您可以拖动标题分隔符来移除这些部分。

  3. 在表格选择器中移动鼠标,选择所需的行和列,然后单击插入表格。之后您可以更改列数和行数。

在表格单元格中添加形状

  1. 将形状从形状库或工具栏拖到表格单元格中。这不会自动调整行或列的大小以适应您刚刚拖放的形状,因此请拖动列边框和行边框以进行调整。

  2. 将鼠标悬停在形状上,从方向箭头或固定连接点拖动连接线,然后将其放到目标形状上即可连接它们。

当您在绘图画布上重新定位表格时,表格容器单元格中的形状及其连接线也会随之移动。

提示:要添加或删除列和行,请使用格式面板中的“排列”选项卡,或工具栏中的表格工具。

表格操作快捷键

  • 按住Shift并拖动列标题或行标题,即可将所有列或所有行调整为相同大小。

  • 选中一行或一列,然后将其拖动到表格内的新位置。

  • 选择一行或一列,按住 Ctrl 键或 Shift 键CtrlCmd然后将副本拖动到表格中的另一个位置。

  • 选择一行或一列,然后按Delete键盘上的键将其删除。

  • 选择两个或多个单元格,右键单击它们,然后从上下文菜单中选择“合并”将它们合并在一起。

了解更多关于 draw.io 中的表格功能

使用这些表格的图表类型

因为这些容器表格单元格可以容纳形状和图像,所以你可以在图表中使用它们的方式有很多种。

故事地图

用户故事和故事地图通过将客户的任务和步骤组织到表格单元格中,可视化客户如何使用您的系统或完成您的流程。

跨职能流程图

多通道流程图是使用带容器单元格的表格的最常见图表类型之一,它能清晰地展示工作流程中的角色划分。

在图表查看器中打开一个未着色的版本作为模板。

BPMN图

使用BPMN 表示法的业务流程图是一种特殊的泳道图,它通常使用泳道容器形状和泳道池来表示流程中的角色。它们也可以像 draw.io 中的单列表格一样轻松绘制。

要删除列标题,请选择该列,然后拖动橙色菱形抓取手柄,使其与该列的顶部边缘对齐。

UML活动图

类似地,UML 活动图也可以绘制在带有容器单元格的表格中。

对于需要在角色之间移动但又不能放置在任何行内的交付物,请在拖放形状时按住鼠标左键,使其覆盖在表格上方。请注意,除非您将表格和形状组合在一起,否则 Alt此形状不会随表格移动。

看板

我们模板库中的简易看板具有自动标签和颜色标记功能,用于区分任务的不同状态。它使用的是略微修改过的表格工具。

  1. 点击工具栏中的“+”并选择“模板”,或者选择“排列”>“插入”>“模板”

  2. 选择“简单看板”模板,然后选择“插入”

使用表格工具在每个垂直看板泳道中添加和删除任务。

用传统桌子做更多事情

您可以像在文字处理应用程序中一样,添加和使用普通表格——无需在表格工具中勾选“容器”复选框。但在图表编辑器中,您可以对这些传统表格进行更多操作。

更简单的表格可以让你快速呈现数据、设置样式和添加图标,并为你的文档和演示幻灯片准备简洁的图形。

甘特图和时间线

使用叠加形状快速轻松地构建(和扩展)甘特图或时间线,以可视化任务长度和开始/结束日期。

商业模式画布

任何采用表格结构的图表,在 draw.io 中使用实际表格都会更易于操作。例如,以下商业模式画布,其中来自我们模板库的图表已转换为使用表格而非每个部分的单独形状。

条形图

虽然draw.io 不是电子表格或图表应用程序,但您可以为表格单元格的背景着色,从而快速、整齐地创建手绘条形图。选择表格单元格,然后在格式面板的 “样式”选项卡中选择填充颜色。

演示图形

当然,您可以使用 draw.io 中的表格来呈现大量文本信息。添加图标、样式并合理布局,即可创建用于演示文稿或企业内部网的图形。这篇5C 营销分析文章已转换为使用简单的表格形式——在原文中,我们使用的是列表形状。