布局容器
布局容器允许您在有限的空间中添加可视化效果。您还可根据条件在布局容器内显示或隐藏可视化。
布局容器可以容纳一系列可视化内容,同时占用工作表上的一小部分空间。当展开到整张工作表时,每个图表也会展开。
适用场景
当您希望构建包含多个图表作为单个单元的自定义显示时,布局容器非常有用。与使用选项卡在图表中循环的容器不同,布局容器是一个空间,您可以在其中自由自定义布局容器中图表的布局。由于布局容器提供了可视化的工作表状布置,因此可以在一个可以展开以获取更多细节的工作表中存储多个工作表。
您可以将可视化放在另一个可视化的顶部。可以使用布局容器中的条件来控制显示的可视化。例如,可以基于以下内容显示可视化:
- 哪个用户正在访问图表。
- 变量的值。
作为最佳实践,请注意,添加到容器中的可视化越多,显示可视化所需的时间就越长。布局容器中的对象过多也可能会让用户难以应对,并使应用程序渲染可视化的速度变慢。
创建容器
您可以在正在编辑的工作表上创建容器。
执行以下操作:
- 在高级编辑模式资产面板中,打开自定义对象 > Dashboard bundle 并将 Layout container 拖动到工作表中。
现在您有了一个布局容器。您可以开始向布局容器中添加和配置图表。
将图表添加到布局容器
您可以在布局容器中复制和粘贴图表,但必须使用右键单击上下文菜单。
执行以下操作:
- 选择布局容器。
-
单击属性面板的 Content(内容)下的 Add(添加)。
或者,在布局容器中单击 Add content。
-
在 Charts 中选择可视化。
-
单击 Add dimension 和 Add measure 以将数据添加到图表。
- 要调整图表的大小,请执行以下操作之一:
- 单击并拖动图表的角点或边缘。
- 在属性中,以百分比为单位输入图表的宽度和高度。
-
要调整图表的位置,请执行以下操作之一:
-
单击并将图表拖动到适当位置。
-
在属性中,输入图表的 x 轴和 y 轴位置,单位为百分比。
若要显示布局的网格线,请在属性中的演示 > 样式设定下,启用显示网格线。还可以设置网格中的行数和列数,并将可视化效果捕捉到网格线。
要将图表保持在布局容器的边界内,请在演示 > 样式下,启用保持图表在边界内。
-
- 要重新排列布局容器中的可视化,请右键单击布局容器中可视化,选择重新排列聊天层,然后选择向前或向后移动可视化。或者,单击并拖动属性面板中的可视化。
- 要使用该图表类型的所有可用属性配置图表,请单击Edit properties。
- 对要添加到布局容器中的任何其他图表重复上述步骤。
添加显示条件
您可在创建的标签上添加显示条件。
执行以下操作:
- 在属性面板中的 Content(内容)下,单击您要向其添加显示条件的图表。
-
在Show condition(显示条件)中添加图表的显示条件。通常,您需要使用 If() 函数。
参阅if - 脚本和图表函数。
-
将另一显示条件添加至不同的图表。
图表现在将根据您添加的条件的结果显示或隐藏。如果图表结果的条件是 True,则显示,如果是 False,则隐藏。
自定义文本
可以在外观 > 常规下设置标题、副标题和脚注的文本。若要隐藏这些元素,请关闭显示标题。
图表上不同标签的可见性取决于特定于图表的设置和标签显示选项。这些可以在属性面板中进行配置。
您可以设置图表中显示的文本的样式。
执行以下操作:
-
单击高级选项。
-
在属性面板中,展开外观部分。
-
在外观 > 展示下,单击样式。
-
在常规选项卡上,设置以下文本元素的字体、强调样式、字体大小和颜色:
-
标题
-
副标题
-
脚注
-
自定义背景
可以自定义图表的背景。可以通过颜色和图像来设置背景。
执行以下操作:
-
单击高级选项。
-
在属性面板中,展开外观部分。
-
在外观 > 展示下,单击 样式。
在样式面板的一般选项卡上,您可以选择背景颜色(单色或表达式)。您也可将背景设置为媒体库或 URL 中的图像。
使用背景色时,请使用滑块调整背景的不透明度。
使用背景图像时,可以调整图像大小和位置。
自定义边框和阴影
您可以自定义图表的边框和阴影。
执行以下操作:
-
单击高级选项。
-
在属性面板中,展开外观部分。
-
在外观 > 展示下,单击 样式。
-
在样式面板的常规选项卡上的边框下,调整轮廓大小以增加或减少图表周围的边框线。
-
选择边框的颜色。
-
调整拐角半径以控制边框的圆度。
-
在常规选项卡的阴影下,选择阴影大小和颜色。选择无以移除阴影。
限制
布局容器有以下限制:
- 您不能通过在布局容器上拖动度量或维度在容器内创建图表。
- 不能在布局容器中添加容器、格子容器或布局容器。
- 在布局容器中复制和粘贴图表的操作不支持键盘快捷键。