本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 在 Amazon Quick Sight 中自定义控制面板布局
自定义控制面板布局

您可以自定义控制面板的布局来整理数据，从而满足自己的业务需求。有三种控制面板布局可供选择。您还可以更改视觉对象的大小、背景颜色、边框颜色和交互，从而创建完全自定义的控制面板。

参阅以下主题，了解有关自定义控制面板和视觉对象的更多信息。

**Topics**
+ [

# 布局类型
](types-of-layout.md)
+ [

# 选择布局
](choosing-a-layout.md)
+ [

# 在自由形式布局中自定义视觉对象
](customizing-visuals-in-free-form.md)
+ [

# 条件规则
](conditional-rules.md)

# 布局类型


有三种控制面板布局设计可供选择：**平铺**、**自由形式**和**经典**。

## 平铺布局


**平铺**布局中的视觉对象与具有标准间距和对齐方式的网格对齐。您可以将视觉对象设置为任意大小，并将其放置在控制面板中的任何位置，只要视觉对象不重叠就行。

![\[alt text not found\]](http://docs.amazonaws.cn/quick/latest/userguide/images/fixed-layouts-tiled-demo.gif)


控制面板按设计显示，并提供选项按实际大小适应屏幕或视图。您还可以通过在右上角为**查看**选择**适应窗口**，让整个控制面板适应自己的窗口。此选项以前称为**优化**。

**注意**  
在移动设备上，平铺布局控制面板在纵向模式下显示为单列，或者与横向模式下的设计完全相同。

## 自由形式布局


使用精确的坐标可以将**自由形式**布局中的视觉对象放置在控制面板的任何位置。您可以将视觉对象拖到所需的确切位置，也可以输入视觉对象位置的坐标。要输入视觉对象位置的确切坐标，请按照以下过程操作。

![\[alt text not found\]](http://docs.amazonaws.cn/quick/latest/userguide/images/fixed-layouts-freeform-placement1.gif)


控制面板按照您选择的设计方式显示，并提供选项按实际大小适应屏幕或视图。您可以优化自由形式布局，以便在特定分辨率下进行查看，其中默认分辨率为 1600 像素。您还可以通过在右上角为**查看**选择**适应窗口**，让整个控制面板适应浏览器的窗口。

**注意**  
如果查看者的计算机分辨率与控制面板的设定分辨率不一致，具有优化分辨率的控制面板在查看者的计算机上可能会显得更大或更小。  
从**自由形式**切换到另一种布局可能会让某些视觉对象元素发生移位。  
在移动设备上，**自由形式**控制面板显示为已发布，且布局无变化。

## 经典布局


**经典**布局中的视觉对象与具有标准间距和对齐方式的网格对齐。控制面板会隐藏数据或更改格式设置来适应较小的屏幕尺寸。例如，如果您将视觉对象的大小改得相当小，系统会隐藏视觉对象菜单和编辑器，以增大图表元素的显示空间。条形图视觉对象也可能会显示较少的数据点。

如果您缩小浏览器窗口的大小，Amazon Quick Sight 会调整大小，并在必要时重新排序视觉效果以获得最佳显示效果。例如，并排显示的较小视觉对象可能会变成顺序显示。当浏览器窗口的大小再次增加时，其会恢复原始布局。

**注意**  
在移动设备上，经典布局控制面板以单列形式显示，或者与横向模式下的设计完全相同。

# 选择布局


**更改控制面板的布局**

1. 打开 [Quick 控制台](https://quicksight.aws.amazon.com/)。

1. 在 Q **u** ick 主页上，选择 “分析”，然后选择要更改的分析。

1. 在分析页面上，选择**编辑**，然后选择**分析设置**。

1. 展开**工作表布局**，选择要使用的布局。

1. 完成后，选择 **Apply**。

# 在自由形式布局中自定义视觉对象


您可以使用自由形式布局来完全自定义控制面板中每个视觉对象的颜色、大小、位置和视觉效果。

## 组织视觉对象


除了将视觉对象拖动到控制面板中的首选位置外，还有许多不同方法可以将视觉对象移动到所需的确切位置。

**输入视觉对象位置的坐标**

1. 选择想要的视觉对象。

1. 从视觉对象右上角的菜单中选择**设置视觉对象格式**图标。

1. 在打开的**属性**窗格中，选择**放置**。

1. 输入要放置视觉对象的位置的 **X** 和 **Y** 坐标。您可以通过输入**宽度**和**高度**值来调整视觉对象的大小，

也可以 pixel-by-pixel使用键盘的箭头键移动选定的视觉效果。

您可以将视觉对象叠加在一起，创建显示数据的多层视觉对象。

视觉对象可以组织成多个层，这些层可以手动向前和向后移动。

**将叠加的视觉对象向前和向后移动**

1. 选择想要的视觉对象。

1. **在视觉效果右上角的三点菜单上，选择 “菜单选项”。**

1. 对于**菜单选项**，请从以下选项中选择：
   + **置为底层**将视觉对象移动到底层。
   + **后移一层**将视觉对象向后移动一层。
   + **前移一层**将视觉对象向前移动一层。
   + **置为顶层**将视觉对象移动到顶层。

## 更改视觉对象的背景颜色


在**属性**窗格的**显示设置**窗格中，可以自定义视觉对象的背景、边框和选择框颜色。

**更改视觉对象的背景、边框或选择框的颜色**

1. 选择要更改的视觉对象。

1. 从视觉对象右上角的菜单上，选择**菜单**图标。

1. 在左侧出现的**属性**窗格中，选择**显示设置**。

1. 导航到**卡样式**部分，然后执行一项或多项可用操作：
   + 要更改视觉对象的背景颜色，请选择**背景**颜色框，然后选择所需的颜色。
   + 要更改视觉对象的边框颜色，请选择**边框**颜色框，然后选择所需的颜色。
   + 要更改视觉对象选择框的颜色，请选择**选择**颜色框，然后选择所需的颜色。

   如果要为视觉对象的背景、边框或选择框使用自定义颜色，请选择要更改的属性的颜色框，然后选择**自定义颜色**。在出现的**自定义颜色**窗口中，选择自定义颜色或输入颜色的十六进制代码。完成后，请选择 **Apply**。

您也可以将视觉对象的自定义背景重置回其默认外观。

**重置视觉对象的外观**

1. 选择要更改的视觉对象。

1. 从视觉对象右上角的菜单上，选择**菜单**图标。

1. 在左侧出现的**属性**窗格中，选择**显示设置**。

1. 选择要重置的颜色，然后选择**重置为默认值**。

## 隐藏视觉对象背景、边框和选区颜色


您也可以选择不显示视觉对象的背景边框或选区颜色。这在重叠多个视觉对象时很有用。通过选择**边框**、**背景**或**选择**颜色框旁的眼睛图标，可以隐藏视觉对象的背景、边框和选择颜色。您也可以通过清除**显示加载动画**框来移除视觉对象的加载动画。

## 禁用视觉对象菜单


使用**属性**窗格的**交互**面板来隐藏所选视觉对象中的**上下文**菜单和**视觉效果**菜单。您可以隐藏辅助视觉对象菜单，从而减少视觉对象的拥挤程度，或让视觉对象呈现叠加效果。

点击数据点时会打开**上下文**菜单。**上下文菜单**中的常见操作包括**聚焦**、**排除**和**向下钻取**。

**视觉对象**菜单显示在视觉对象的右上角。**视觉对象**菜单用于访问**属性**窗格、**最大化**视觉对象、访问**菜单选项**面板以及查看**异常见解**。

您可以通过清除**上下文菜单**和**视觉对象菜单**选项来关闭二级视觉对象菜单。

**注意**  
您无法在**分析**中预览对**交互**面板所作的更改。发布控制面板可查看更改。

# 条件规则


此功能目前适用于**自由形式**布局。条件规则用于在满足特定条件时隐藏或显示视觉对象。当同一视觉对象的多个版本相互重叠并且希望控制面板查看者看到最能代表他们选择的参数值的版本时，这会很有用。

条件规则使用参数和参数控件来隐藏和显示视觉对象。参数 是一种命名变量，可以传输值供操作或对象使用。此功能支持字符串和数字参数。要使参数可供控制面板查看者访问，您需要添加参数控制。参数控件允许用户选择要在预定义的筛选条件或 URL 操作中使用的值。有关参数和参数控件的更多信息，请参阅 [Amazon Quick 中的参数](parameters-in-quicksight.md)。

使用以下部分来设置和使用条件规则。

**Topics**
+ [

# 默认隐藏视觉对象
](hiding-a-visual-by-default.title.md)
+ [

# 设置条件规则
](setting-a-conditional-rule.title.md)
+ [

# 使用条件规则
](using-conditional-rules.md)

# 默认隐藏视觉对象


在**属性**窗格的**交互**窗格中，您可以选择默认隐藏视觉对象。如果您希望查看者只看到基于特定条件的视觉对象，这样做会很有用。

**默认隐藏视觉对象**

1. 在 Q **u** ick 主页上，选择 “分析”，然后选择要自定义的分析。

1. 选择要添加规则的视觉对象。

1. 在视觉对象右上角的菜单上，选择**属性**。

1. 在打开的**属性**窗格中，选择**交互**，然后打开**规则**下拉列表。

1. 在**规则**菜单中，选择**原定设置为隐藏此视觉对象**。

隐藏的视觉对象在查看控制面板中呈现完全隐藏效果。在**分析**窗格中，隐藏的视觉对象变得可见，并显示消息“根据规则隐藏”。通过此显示，您可以看到控制面板的所有视觉对象的位置。

**注意**  
您不能创建条件规则来隐藏已默认隐藏的视觉对象或显示已默认显示的视觉对象。如果更改视觉对象的默认外观，与新的默认外观相矛盾的现有规则将被禁用。

# 设置条件规则


在您设置条件规则时创建的条件语句，会在满足特定条件时隐藏或显示视觉对象。您当前可以创建隐藏或显示视觉对象的条件规则。如果要创建一个条件规则来显示已隐藏的视觉对象，请在**属性**窗格的**规则**菜单中选择**原定设置为隐藏此视觉对象**。

**注意**  
在开始之前，请创建参数和相应的参数控件，作为新条件规则的基础。支持的参数是字符串参数和数字参数。有关参数和参数控件的更多信息，请参阅 [Amazon Quick 中的参数](parameters-in-quicksight.md)。

**设置条件规则**

1. 在 Q **u** ick 主页上，选择 “分析”，然后选择要自定义的分析。

1. 选择要添加规则的视觉对象。

1. 在视觉对象右上角的菜单上，选择**属性**。

1. 在左侧显示的**属性**窗格中，选择**交互**，然后选择**规则**。

1. 选择**添加规则**。

1. 在**添加规则**窗格的第一个菜单中选择所需参数。

1. 在**添加规则**窗格的第二个菜单中选择所需条件。对于字符串参数，支持的条件为**等于**、**开头为**、**包含**和**不等于**。对于数字参数，支持的条件为**等于**、**开头为**、**包含**和**不等于**。

1. 输入条件规则要满足的值。
**注意**  
值区分大小写。

1. 选择**添加规则**，将新的条件规则应用于视觉对象。要取消规则，请选择**取消**。

您也可以编辑和删除条件规则。

**编辑条件规则**

1. 在视觉对象右上角的菜单上，选择**属性**。

1. 在左侧显示的**属性**窗格中，选择**交互**，然后选择**规则**。

1. 选择要编辑的规则右侧的菜单图标，然后选择**编辑**。

1. 执行所需的更改，然后选择**保存**。

**删除条件规则**

1. 在视觉对象右上角的菜单上，选择**属性**。

1. 在左侧显示的**属性**窗格中，选择**交互**，然后选择**规则**。

1. 选择要编辑的规则右侧的菜单图标，然后选择**删除**。

# 使用条件规则


只要设置了与参数和参数控件相关的条件规则，您就可以使用参数控件来启用或禁用已设置的条件规则。

**启用条件规则**

1. 在 Q **u** ick 主页上，选择 “分析”，然后选择要自定义的分析。

1. 从工作区顶部的**控件**栏中选择下拉图标。

1. 选择与您创建的条件规则关联的参数控件。

1. 选择与您通过参数菜单创建的条件规则关联的值。您还可以在**搜索值**方框中输入所需的值。
**注意**  
值区分大小写。

   选择正确的值会让视觉对象根据您设置的规则显示或消失。

您也可以将参数控件引入视觉对象所在的工作表。如果希望参数控件位于与其关联的视觉对象旁边，或者想向控件添加条件规则以使其仅在满足特定条件时才显示，这会非常有用。

**将参数控件引入工作表**

1. 在 Q **u** ick 主页上，选择 “分析”，然后选择要自定义的分析。

1. 从工作区顶部的**控件**栏中选择要移动的控件。

1. 从控件的右上角打开**菜单选项**菜单。

1. 选择**移至工作表**。

**将参数控件移回控件栏**

1. 在控制面板上选择要移动的参数控件。

1. 从控件的右上角打开**菜单选项**菜单。

1. 选择**移至工作表顶部**。