内容目录
当你在多个页面上将复杂的图表拆分为逻辑较小的图表或使用多个层时,可以使它们更易于阅读和理解。
你可以通过向图表中的形状和文本添加自定义链接来使你的图表具有交互性,这些链接充当直观的切换开关,你不必使用工具栏与图表交互。
使用自定义链接添加交互性
自定义链接是一小段json
代码,其中包含要使其具有交互性的图表元素的形状或图层ID
设置要用作切换开关的形状
当你单击用作切换的形状时,如果该形状存在于要隐藏的图层或组中,你将无法再次单击它。
- 复制要用作切换的形状,然后将它们粘贴到
background
图层上 - 将它们直接放置在其他层上的原始形状下方,以便在单击时,图表元素不会移动位置
复制图层ID
-
选择查看-->图层,或按
Ctrl+shift+L
显示图层对话框 -
选择一个图层,然后单击图层对话框中的编辑数据
-
复制图层ID,由数字和字母组成的长字符串。
构建自定义链接
- 转到生成自定义链接
- 将图层
ID
粘贴到Cells/Layers
文本字段中。你可以在自定义链接中切换多个图层或形状,添加所有形状/图层ID
,以空格分隔。 - 单击
5. Add Action
在在下面较大的文本字段中生产Custom Link
- 单击
Copy Link
以复制自定义链接
将自定义链接添加到形状
-
返回
draw.io
编辑器,右键单击图表中的形状,然后选择编辑链接。
-
在第一个文本字段中输入自定义链接,然后单击确定
-
确保将相同的链接添加到背景图层上的匹配形状,以便你可以再次打开该图层。
与你的图表交互
在编辑器中查看图表时,可以通过三种方式与图表进行交互。
- 单击图层对话框中的眼睛
- 如果图层已经锁定,请直接单击形状,就像在查看器中与图表交互一样。
- 如果图层已解锁,则当你选择形状时,自定义链接将显示在工具提示中,并带有标签
Action
。单击此链接可显示或隐藏你的图层和形状。
留言