为任何类型的图表添加标签
使用 draw.io,您不仅限于绘制流程图、组织结构图、网络图或 UML 图。您可以使用花括号、方括号、连接符和部分矩形为任何类型的图表添加简洁的标签。
在这个示例图中,马的图像位于背景图层上,并已锁定以防止更改。所有标签都位于第二个图层上。我们在此图中使用的不同类型的标签将在下文中进行描述。
使用连接线和文本形状:普通的直线连接线带有箭头,可以连接到文本形状,指向特定部分。
搜索形状:使用“搜索形状”文本框按关键字查找形状。例如,搜索“花括号brace”将返回垂直和水平花括号形状。或者,您也可以在“其他形状”库中找到花括号形状。

更改括号方向:在绘图画布上选择一个括号形状,然后展开格式面板“样式”选项卡中的“属性”部分。将方向从“东”更改为“西”。

更改文本位置:选择一个形状并键入以添加标签。在格式面板的“文本”选项卡中,从下拉列表中选择不同的位置。通过更改格式面板“文本”选项卡底部的“间距”值,调整标签相对于形状周长的偏移量。

旋转和调整形状大小:选择一个形状,然后拖动右上角的旋转手柄,或者在格式面板的“排列”选项卡中更改角度。拖动形状周围的蓝色圆形手柄即可调整其大小。

制作弧形标签:使用基本形状库中的弧形形状。拖动弧线的橙色菱形起点和终点,即可更改弧线绕圆周的弯曲范围。

显示距离:在平面图形状库中搜索distance或使用尺寸形状来表示距离。

括号和直角标注
部分矩形形状位于Misc形状库(General 形状库的子库)或Basic形状库中。
调整缺失一边的矩形形状的大小,使其能够表示方括号或距离/时间。或者,您也可以使用流程图形状库中的注释形状。
调整双边形部分矩形的大小,使其形成整齐的直角标注。在格式面板的 “排列”选项卡中,将形状旋转 90 度或水平翻转。在我们的图表查看器中查看此项目时间线。
更多带标签图表的示例
以下示例使用 draw.io 快速绘制,并使用上述形状进行标注。您会在学校、大学和研究机构的教科书中经常看到这类图表。 在我们的图表查看器中打开此棱柱图形。
第二个示例中的镜头由两个弧形构成,它们的位置经过调整,看起来像是连接在一起,然后组合在一起以便可以一起移动。中心线使用航点形状表示焦距,并使用简单的直线连接线连接。 在我们的图表查看器中打开此焦距图。
提示:要复制带有格式的标签(例如包含上标或下标文本的标签),请在粘贴标签文本之前,在格式面板的“文本”选项卡中启用“格式化文本”复选框。否则,您将粘贴 HTML 代码作为标签文本。

更多示例:我们的大型模板和示例图表库包含更多带标签的图表,按图表类型进行组织。
