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

在线白板上的复杂图表

drawio5年前 (2021-10-19)draw.io教程9

许多人喜欢使用简洁的图表绘制界面,因为这样可以减少干扰。虽然在线白板应用程序通常提供的工具有限,但 draw.io 却能让你在更简洁的图表编辑器主题中使用其高级功能。

由于我们的在线编辑器sketch.diagrams.net的界面比较简单,因此高级图表工具的位置不太显眼。

要在 Sketch 编辑器主题中使用深色背景,请从左上角的菜单中选择“设置”>“外观”>“深色”。

显示和隐藏面板和浮动对话框

点击面板和浮动对话框标题右侧的箭头即可展开或折叠它们,点击叉号即可关闭它们。拖动它们到绘图画布上,使它们不妨碍图表的绘制。

  • 形状:点击左侧工具栏中的“形状”工具。

  • 格式:展开右侧面板。

  • 图层:点击左上角的菜单图标,然后选择“图层”

  • 标签:点击菜单图标,然后选择标签

  • 自由绘制:点击左侧工具栏中的自由绘制工具。

创建多页图表

当您需要深入查看细节或探索其他解决方案时,多页设计非常有用,但请将所有图表保存在一个文件中。您还可以为形状添加链接,点击这些链接即可打开另一个图表页面。

  1. 点击右下角的页面名称。图表中的页面位于第二部分,当前页面以勾选标记标出。

    • 插入页面会添加一个新的图表页面。

    • 复制…会复制当前图表页面。

    • 重命名…允许您重命名当前图表页面。

    • 删除…会删除当前图表页面。

    • 移动功能允许您重新排列当前图表页面。

了解更多关于使用多页图表的信息

设置其他图表功能

在“首选项”菜单中,您可以启用或禁用许多功能。

  • 外观:切换深色模式和浅色模式

  • 主题:切换到另一个图表编辑器主题。这需要您刷新浏览器标签页——请确保先保存您的图表。

  • 语言: 更改编辑器中使用的语言。

  • 单位:选择测量单位——点、英寸、毫米或米。

  • 工具提示:启用或禁用将鼠标悬停在编辑器中的工具上时显示的工具提示。

  • 标尺:显示或隐藏图表编辑器左侧和顶部的标尺。

  • 配置:设置形状的默认样式、自定义字体、自定义模板、自定义形状库等等。了解如何配置图表编辑器

右侧的格式面板中提供了一些选项。请确保图表中未选中任何内容,以便可以看到“图表”选项卡。

  • 网格:显示或隐藏绘图画布网格。默认禁用。

  • 页面视图:将绘图画布显示为可打印页面,或显示为无限画布。默认情况下禁用。

  • 背景:更改背景颜色、设置背景图片,或将一个图表页面用作其他页面的背景图片。您必须启用“首选项”>“页面”才能使用此功能。

  • 连接箭头、连接点和参考线:显示或隐藏当您将鼠标悬停在形状上或在绘图画布上将形状移动到其他形状附近时出现的功能。

  • 数学公式排版:输入 LaTeX 或 AsciiMath 代码,即可使用 MathJax 整齐地渲染公式。了解更多关于在图表中使用数学公式的信息。

用形状做更多事情

右键单击形状打开上下文菜单,然后选择“编辑”。从那里,您可以以多种不同的方式处理形状。

  • 编辑链接以添加 URL 或自定义 JSON 链接。

  • 编辑图像以更改形状标签中使用的图像。

  • 裁剪以重新裁剪图像形状。

  • 编辑数据,为形状添加自定义属性(元数据)和占位符。

  • 复制数据以复制形状元数据。

  • 编辑连接点修改形状的固定连接点

  • 编辑几何体以指定精确的位置、大小或旋转角度。

  • 编辑工具提示,定义鼠标悬停在形状上时显示的工具提示。

  • 编辑样式,使用键值对定义特定的形状样式。

  • 编辑以突出显示并编辑形状标签。

根据 CSV、文本、UML 和 SQL 创建图表

  1. 点击+工具栏中的 ,然后选择“高级”以查看这些文本转图表创建工具。

  2. 选择其中一个选项,打开一个包含示例的对话框。将示例替换为您自己的文本,然后单击“插入”

了解更多关于这些导入选项的信息:

分享和评论图表文件

如果您使用云存储平台(例如 Google Drive 或 Microsoft OneDrive)来保存图表文件,则可以与他人共享图表。

  1. 从左上角的菜单中,选择“文件”>“共享”

  2. 选择您要使用的共享选项,并确保您已正确设置权限 - 公开允许您与任何人共享图表文件的链接。

  3. 如果您使用Google 云端硬盘存储图表文件,请从菜单中选择“评论”以查看、回复、编辑和删除共享图表文件的评论。

处理复杂表格

使用表格工具(通过+左侧工具栏中的 )创建带有表格、行和列标题的复杂表格(例如跨职能流程图) 。

选中表格或行后,使用“格式”面板“排列”选项卡中的工具来添加或删除列和行。将鼠标悬停在任何工具上即可查看描述性工具提示。

将形状和文本拖放到表格单元格中,然后拖动连接线将它们连接起来,即可创建复杂的流程图。

使用标签显示或隐藏相关形状。通过菜单在白板式编辑器中显示“标签”对话框。

在图表中使用图层。通过菜单在白板式编辑器中显示“图层”Ctrl+Shift+L对话框,或者在 Windows 上按快捷键,Cmd+Shift+L在 macOS 上按快捷键。

共享光标,让与团队实时协作绘制图表变得更加流畅。