# 3.3部分特殊情况配置

# 概述

仪表板功能让用户将多个云报表、自助分析和仪表板资源拖入其中进行资源的展示。在仪表板中用户可以通过筛选器对数据进行筛选、联动等，实现关联分析，让用户更好的展示和表达数据分析的思路和结果。这部分就分别介绍在仪表板中云报表、自助分析和仪表板的下拉列表中的各个组件的功能。

# 3.3.1云报表下拉

在仪表板中拖入云报表资源，点击云报表资源下拉，页面显示如图3-3-1-1所示。本章节重点介绍该下拉组件的功能。部分功能在云报表、自助分析和仪表板中都适用或已存在与工具栏中。上文讲解的功能不做过多讲解。

![](/uploads/projects/dashboard/202605/18b136223669ef1d.png)

图3-3-1-1云报表下拉列表

#### 3.3.1.1浮动

该功能以资源为单位，使资源在仪表板中能够浮动显示。资源默认显示不浮动状态，若需设置资源浮动，则需要在云报表资源的下拉中单击浮动，若需要取消浮动效果则再次单击即可。设置如图3-3-1-2所示，效果如图3-3-1-3所示。

![](/uploads/projects/dashboard/202605/18b136223808ec8e.png)

图3-3-1-2云报表浮动配置入口

![](/uploads/projects/dashboard/202605/18b1362238ea5d3e.png)

图3-3-1-3云报表浮动选中效果

#### 3.3.1.2显示放大

用仪表板展示资源时，有时资源显示不全，需要配置放大按钮，放置全屏显示，针对此需求在资源的右上角的下拉列表增加了“显示放大”的选项，如图3-3-1-4所示。资源勾选显示放大按钮。

![](/uploads/projects/dashboard/202605/18b136223d9b8c8a.png)

图3-3-1-4显示放大入口配置

云报表资源，勾选显示放大按钮，页面就存在放大按钮，如图3-3-1-5所示，取消则无放大按钮，如图3-3-1-6所示

![](/uploads/projects/dashboard/202605/18b136223f2d300e.png)

图3-3-1-5云报表显示放大按钮

![](/uploads/projects/dashboard/202605/18b13622403e1dbb.png)

图3-3-1-6云报表不显示放大按钮

#### **3.3.1.3工具栏设置**

为了资源的可观赏性更强，在资源的右下角列表中添加工具栏设置，可配置容器的背景色和字体颜色及下拉菜单选项配置。入口如图3-3-1-7所示。

![](/uploads/projects/dashboard/202605/18b13622413d977b.png)

图3-3-1-7工具栏设置入口

据需求，配置需要的容器颜色、容器边距、文字颜色、下拉菜单选项的背景、文字、边框颜色等相关内容。配置如图3-3-1-8，对应的显示效果如图3-3-1-9及3-3-1-10所示。

![](/uploads/projects/dashboard/202605/18b1362241ebaee3.png)

图3-3-1-8工具栏配置页面

![](/uploads/projects/dashboard/202605/18b1362242d33a54.png)

图3-3-1-9工具栏效果页面

![](/uploads/projects/dashboard/202605/18b1362243a9d270.png)

图3-3-1-10工具栏下拉菜单效果页面

#### **3.3.1.4设置样式**

云报表资源可单独对某一个云报表进行样式设置增加美观性，配置入口如图3-3-1-10所示，配置界面如图3-3-1-11所示。边框和阴影部分设置如3.2.13格式中报表部分设置一致。

![](/uploads/projects/dashboard/202605/18b1362244ed6c6f.png)

图3-3-1-10云报表设置样式配置入口

![](/uploads/projects/dashboard/202605/18b1362245ae1767.png)

图3-3-1-11云报表设置样式配置页面

通过配置页面可知，该设置比格式中多一个间距配置，间距使用在无浮动资源中。配置效果如图3-3-1-12所示。

![](/uploads/projects/dashboard/202605/18b136224724a52f.png)

图3-3-1-12云报表设置样式配置效果

#### **3.3.1.5收藏样式**

可方便用户收藏该云报表的样式，故在下拉列表添加收藏样式入口。配置入口如图3-3-1-13所示，配置页面如图3-3-1-14所示。

![](/uploads/projects/dashboard/202605/18b13622483e4bb4.png)

图3-3-1-13云报表收藏样式配置入口

![](/uploads/projects/dashboard/202605/18b1362248fa7dad.png)

图3-3-1-14云报表收藏样式配置页面

-   【样式名称】：文本输入框，输入要收藏的仪表板样式名称。该名称需要进行重名校验，不可重复。重复校验规则：全租户内收藏仪表板样式的时候名称不能重复。
-   【谁可以看】：用来配置该样式的使用权限。有三个选项：私有、公开、部分可见。

➢ 私有：私有表示仅收藏样式的用户自己可以使用

➢ 公开：公开表示该样式，系统所有用户可见

➢ 部分可见：如果选择部分可见，表示仅有部分人可以使用。需要展示用户权限配置项，进行权限配置，可以选择用户。配置界面如图3-3-1-15 所示。点击选择如图3-3-1-16所示。

![](/uploads/projects/dashboard/202605/18b1362249cbe411.png)

图3-3-1-15收藏样式-部分可见

![](/uploads/projects/dashboard/202605/18b136224ab915ac.png)

图3-3-1-16收藏样式-选择人员

-   【样式备注】：可以简短描述样式的介绍，用于引用样式时悬停提示的内容。

成功收藏的该样式后，参照3.2.14进行使用。

#### **3.3.1.6设置动画**

点击设置动画，选择预期动画，或点击自定义，可自己写扩展进行使用。配置页面如图 3-3-1-17，效果如图 3-3-1-18所示。

![](/uploads/projects/dashboard/202605/18b136224b9289bd.png)

图3-3-1-17设置动画

![](/uploads/projects/dashboard/202605/18b136224cb8fc46.png)

图3-3-1-18设置动画展示效果

#### **3.3.1.7过滤器**

若资源中存在过滤器，则加入仪表板中后点击右侧列表，会展示过滤器列表，如图3-3-1-19所示。若该过滤器显示在仪表板中会显示勾选状态，如图3-3-1-20所示。

![](/uploads/projects/dashboard/202605/18b136224de7b4ae.png)

图3-3-1-19过滤器列表

![](/uploads/projects/dashboard/202605/18b136224f0cfbf1.png)

图3-3-1-20过滤器被选中

# 3.3.2自助分析下拉

自助分析分为图形和清单表两类，清单表在仪表板中会有一些特殊的处理。本章节重点介绍自助分析的下拉列表中功能。自助分析的清单表下拉列表展示如图3-3-2-1所示，自助分析的图形下拉如图3-3-2-2所示。

![](/uploads/projects/dashboard/202605/18b136225053284e.png)

图3-3-2-1清单表下拉列表

![](/uploads/projects/dashboard/202605/18b136225144eff1.png)

图3-3-2-2清单表下拉列表

#### **3.3.2.1显示放大**

用仪表板展示资源时，有时资源显示不全，需要配置放大按钮，放置全屏显示，针对此需求在资源的右上角的下拉列表增加了“显示放大”的选项，如图3-3-2-3所示。资源勾选显示放大按钮。

![](/uploads/projects/dashboard/202605/18b136225277ae94.png)

图3-3-2-3显示放大入口

自助分析资源，勾选显示放大按钮，页面就存在放大按钮，如图3-3-2-4所示；取消勾选放大按钮，页面就不存在放大按钮，如图3-3-2-5。

![](/uploads/projects/dashboard/202605/18b1362257ecd310.png)

图3-3-2-4勾选显示放大

![](/uploads/projects/dashboard/202605/18b136225abe0f13.png)

图3-3-2-5不勾选显示放大

#### **3.3.2.2工具栏设置**

为了资源的可观赏性更强，在资源的右下角列表中添加工具栏设置，可配置容器的背景色和字体颜色。入口如图3-3-2-6所示。

![](/uploads/projects/dashboard/202605/18b136225bebfc59.png)

图3-3-2-6工具栏设置入口

据需求，配置需要的容器颜色、容器边距和文字颜色。配置如图3-3-2-7，对应的显示效果如图3-3-2-8所示。

![](/uploads/projects/dashboard/202605/18b136225cadc507.png)

图3-3-2-7工具栏样式配置入口

![](/uploads/projects/dashboard/202605/18b136225d95efa4.png)

图3-3-2-8工具栏样式配置效果

#### **3.3.2.3显示标题**

拖入仪表板的自助分析中资源可让用户自主选择显示或不显示标题。在仪表板的右下角菜单处添加显示标题按钮。入口显示如图3-3-2-9所示。效果如3-3-2-10所示

![](/uploads/projects/dashboard/202605/18b136225ebc893f.png)

图3-3-2-9显示标题配置入口

![](/uploads/projects/dashboard/202605/18b1362260181548.png)

![](/uploads/projects/dashboard/202605/18b13622617d952c.png)

图3-3-3-10 显示标题效果

#### **3.3.2.4导出设置**

拖入仪表板的自助分析中资源可让用户自主选择该清单表资源是否支持导出该自助分析或哪些用户可以操作导出。在仪表板的自助分析资源右下角菜单处添加导出设置。入口显示如图3-3-2-11所示。点击导出设置后进入到导出设置页面，如图3-3-2-12所示。

![](/uploads/projects/dashboard/202605/18b1362262776d26.png)

图3-3-2-11导出设置配置入口

![](/uploads/projects/dashboard/202605/18b13622632acb96.png)

图3-3-2-12导出设置配置页面

支持导出：默认为勾选状态，如果不勾选，则不展示所有人可操作勾选框，如图3-3-2-13所示。即该自助分析资源不展示导出Excel图标。

![](/uploads/projects/dashboard/202605/18b1362263f87320.png)

图3-3-2-13不勾选支持导出勾选框

所有人可操作：支持导出需先勾选才可进行权限控制。默认是勾选状态，即所有人可操作，如果不勾选，则可以配置选择。即可操作或选择即不可操作。

权限涉及用户权限和数据权限，用户权限是对选择的用户或角色做可用权限控制，数据权限则是根据数据判断是否可用。

针对用户权限，比如配置 demo001（当前用户）选择即不可操作，如图3-3-2-14所示：

![](/uploads/projects/dashboard/202605/18b1362264bff848.png)

图3-3-2-14导出权限设置

则 demo1001 用户视图打开时，仪表板的自助分析资源无导出Excel按钮，如图3-3-2-15所示。若配置为选择即可操作，则只有该用户登陆查看该仪表板资源的自助分析资源存在导出按钮，其他用户登录均无导出按钮。

![](/uploads/projects/dashboard/202605/18b136226647e3a2.png)

图3-3-2-15用户权限效果

#### **3.3.2.5设置表格**

操作入口：仪表板中的自助分析清单表资源右上角的下拉列表中，点击【设置表格】如图3-3-2-16所示。

![](/uploads/projects/dashboard/202605/18b13622678304a7.png)

图3-3-2-16清单表设置表格入口

点击之后，设置表格的弹框如图3-3-2-17所示：

![](/uploads/projects/dashboard/202605/18b13622685848b1.png)

图3-3-2-17设置表格的弹框

##### 3.3.2.5.1 样式

###### 表头设置

如上图3-3-2-17所示，在样式设置界面对清单表的表头，配置各种属性，配置后的效果如下图3-3-2-18所示。在自助分析页面也可根据列设置自定义表头样式，优先级为：仪表板<自助分析。显示效果如图3-3-2-19所示。

![](/uploads/projects/dashboard/202605/18b13622692cc89f.png)

图3-3-2-18设置表头

![](/uploads/projects/dashboard/202605/18b1362269f82fdc.png)

图3-3-2-19自助分析自定义表头

###### 表格设置

表格设置中主要设置清单表的奇数行和偶数行的颜色，也可以设置行高和列宽，设置边框和字体样式可让仪表板中清单表更具客观性。设置与效果如图3-3-2-20和图3-3-2-21所示。在自助分析页面也可根据列设置自定义表头样式，优先级为：仪表板<自助分析。如图3-3-2-22所示。

![](/uploads/projects/dashboard/202605/18b136226ad20f6d.png)

图3-3-2-20设置背景色和边框字体

![](/uploads/projects/dashboard/202605/18b136226c3b3e78.png)

图3-3-2-21设置清单表预览页面

![](/uploads/projects/dashboard/202605/18b136226d80e524.png)

图3-3-2-22自助分析页面自定义表格样式

**（1）自动显示分页**

清单表默认一页显示20条数据，若清单表中数据不超过20条，勾选与不勾选自动显示分页才会有区别。如下图为3-3-2-23为配置入口，图3-3-2-24为勾选自动显示分页效果，图3-3-2-25为不勾选自动显示分页效果。

![](/uploads/projects/dashboard/202605/18b136226e6b3a66.png)

图3-3-2-23自动显示分页配置

![](/uploads/projects/dashboard/202605/18b136226f2e559d.png)

图3-3-2-24勾选自动显示分页效果

![](/uploads/projects/dashboard/202605/18b13622701be743.png)

图3-3-2-25不勾选自动显示分页效果

**（2）开启鼠标划过样式**

点击开启鼠标划过样式被勾选后，页面显示文字颜色和背景验证两个值。如图3-3-2-26所示显示效果：当鼠标至于该行，页面显示设置的颜色和背景色。如图3-3-2-27所示。

![](/uploads/projects/dashboard/202605/18b1362270fb95b3.png)

图3-3-2-26勾选开启鼠标划过样式设置

![](/uploads/projects/dashboard/202605/18b136227216f2e2.png)

图3-3-2-27勾选开始鼠标划过样式预览页面

**（3）开启鼠标选中行样式设置**

点击开启鼠标选中行样式被勾选后，页面显示文字颜色和背景验证两个值。如图3-3-2-28所示显示效果：当鼠标选中该行，页面显示设置的颜色和背景色。如图3-3-2-29所示。

![](/uploads/projects/dashboard/202605/18b136227363ea4a.png)

图3-3-2-28勾选开启鼠标划过样式设置

![](/uploads/projects/dashboard/202605/18b1362274c8970a.png)

图3-3-2-29勾选开始鼠标划过样式预览页面

**（4）跳转链接样式**

按照需求设置跳转连接样式，配置如图3-3-2-30所示，配置后，点击清单表配置跳转后。查看页面，点击数据进行跳转后。显示如图3-3-2-31所示。

![](/uploads/projects/dashboard/202605/18b13622756cd67b.png)

图3-3-2-30配置页面

**![](/uploads/projects/dashboard/202605/18b1362276ef295d.png)**

图3-3-2-31预览页面显示

**（5）预警设置**

预警样式是和预警设置一起使用的，默认的预警样式是使用“箭头标识”的，效果是红色和绿色的箭头，箭头的颜色可以自定义改变，如图3-3-2-32所示。

如果取消勾选“箭头标识”的按钮，则可以自定义图标，可供选择 的自定义图标有5个，可自定义偏大图标、正常图标、偏小图标，如图3-3-2-33所示，也可以自行上传，但上传的图标不能大于20k。

![](/uploads/projects/dashboard/202605/18b1362277dd34f8.png)

图3-3-2-32 预警样式默认箭头标识

![](/uploads/projects/dashboard/202605/18b1362278bfc7b0.png)

图3-3-2-33自定义图标

之后需要在表格设置页面勾选“预警设置”按钮，选择要用的字段勾选对应的启用预警按钮，设置该度量字段的正常下限，和正常上限，如图3-3-2-34所示。设置之后低于正常下限的数值后面用绿色向下的箭头标识，高于正常上限的部分使用红色向上的箭头标识，如图3-3-2-35所示。不勾选是否显示数值，页面中将无数据显示。如图3-3-2-36所示。

![](/uploads/projects/dashboard/202605/18b1362279959a6b.png)

图3-3-2-34设置度量字段的下限和上限

![](/uploads/projects/dashboard/202605/18b136227a7ea3c0.png)

图3-3-2-35预警设置下限和上限之后的效果

![](/uploads/projects/dashboard/202605/18b136227b7560e6.png)

图3-3-2-36 预警不显示数据

##### 3.3.2.5.2 设置

如下图3-3-2-37所示，设置表格弹框的设置页面，可以设置行合并、列合并、预警设置、显示表头、隐藏列设置等，下面分别对于每种设置进行讲解。![](/uploads/projects/dashboard/202605/18b136227c1efdb7.png)

图3-3-2-37设置表格弹框-设置页面

1.  **行合并**

行合并就是将每个字段，以分组的形式展示，并且对于同字段的相同的内容，合并为一个一个单元格，设置之后如图3-3-2-38所示：

![](/uploads/projects/dashboard/202605/18b136227ce26084.png)

图3-3-2-38设置行合并效果

1.  **列合并**

勾选列合并选项，会出现设置表头的表格可供设置选择，如图3-3-2-39所示：

![](/uploads/projects/dashboard/202605/18b136227deac29c.png)

图3-3-2-39合并列设置

设置方法：分别点击开始列和结束列，可将两列之间的表头合并起来，不可交叉合并，单击合并新表头，可以修改合并列的名称，如图3-3-2-40所示，未设置合并的表头，单击并不能修改表头名称。如果想要取消表头合并列，点击2次合并的开始列，就会解除合并。设置合并列之后的效果。点击加号可添加第3行表头，最多可添加至第10行表头。第三行表头到第10行表头不显示默认表头名，且只可支持向下，向左，向右进行合并单元格。新增的多表头支持行列合并，。增行中，相邻的合并行，若其合并的长度/宽度相等，可进行合并。设置和预览页面如图3-3-2-41、3-3-2-42和图3-3-2-43所示。

![](/uploads/projects/dashboard/202605/18b136227ec635bc.png)

图3-3-2-40修改表头名称

![](/uploads/projects/dashboard/202605/18b136227f9c37fe.png)

图3-3-2-41设置合并列后的效果

![](/uploads/projects/dashboard/202605/18b1362280b0821e.png)

图3-3-2-42设置多表头

![](/uploads/projects/dashboard/202605/18b13622818b8bf8.png)

图3-3-2-43预览表头设置

1.  **预警设置**

预警设置如何使用见上文3.3.1.2中（5）的预警设置详情

1.  **高级预警设置**

清单表原本的预警设置只能对 3 种情况进行预警设置，实际使用中出现了需要对更多种 情况进行预警设置的情况，因此增加了高级预警设置。如下图3.3.2.44所示。

![](/uploads/projects/dashboard/202605/18b1362282c442b0.png)

图3-3-2-44高级预警设置

预警设置和高级预警设置只能选择一个配置，选择预警字段下拉列表展示清单表中所有 的度量字段；取消设置可清空当前字段的预警设置；是否显示数值默认勾选，去掉勾选后将 不显示该字段数值。

下文将举例说明高级预警的具体用法：

预警设置配置如下图3.3.2.45所示，最终展示效果为： 96 <= X 用红色图标，36 <= X < 96 用蓝色图 标，32 <= x < 36 用黄色图标，32 < X 用绿色图标。效果展示如图3.3.2.46所示。

![](/uploads/projects/dashboard/202605/18b1362283d59369.png)

图3-3-2-45高级预警配置页面

![](/uploads/projects/dashboard/202605/18b1362284d16453.png)

图3-3-2-46高级预警展示页面

【注意事项】

1.高级预警去掉勾选后再次勾选数据会清空；

2.添加按钮只能添加至该预警下方

1.  **显示表头**

仪表板默认是显示表头的，可以根据需要将【显示表头】的选项取消勾选，取消之后就直接显示内容，不显示表头了，如图3-3-2-47所示：

自助分析的清单表资源在仪表板的视图页面，可以通过拖动表头，设置每列的宽度。鼠标放在列边框上时会出现<->形式的箭头，拖动可调整列的宽度，只在视图界面生效，翻页也会生效，但关闭界面后再打开就会重置。

![](/uploads/projects/dashboard/202605/18b1362285d54856.png)

图3-3-2-47不显示表头效果

1.  **隐藏列设置**

勾选隐藏列之后，下面的配置界面如图3-3-2-48所示，可以在隐藏列设置的下拉列表中勾选想要隐藏的列，设置隐藏后在列合并的表格设置中，不会有隐藏的字段，视图界面也不显示隐藏的列，导出Excel也不显示隐藏的列。

![](/uploads/projects/dashboard/202605/18b1362286c1608f.png)

图3-3-2-48设置隐藏列

#### **3.3.2.6收藏表样**

收藏表样只针对清单表中设置的表样样式进行收藏，与云报表下拉中收藏样式使用一致，详情请见3.3.1.5收藏样式。

#### **3.3.2.7设置样式**

该入口可单独对某一个自助分析进行样式设置增加美观性，配置入口如图3-3-2-49所示，配置界面如图3-3-2-50所示。工作表和工作表标题除间距外的设置如3.2.13格式中图标部分设置一致。

![](/uploads/projects/dashboard/202605/18b1362287ed3f54.png)

图3-3-2-49设置样式入口

![](/uploads/projects/dashboard/202605/18b1362288da41e5.png)

图3-3-2-50设置样式页面

通过配置页面可知，该设置比格式中多一个间距配置。配置效果如图3-3-2-51所示。

![](/uploads/projects/dashboard/202605/18b136228a29cf14.png)

图3-3-2-51配置效果

#### **3.3.2.8收藏样式**

收藏样式针对自助分析中图形设置样式进行收藏，与云报表下拉中收藏样式使用一致，详情请见3.3.1.5收藏样式。

#### **3.3.2.9设置动画**

与云报表中设置动画使用一致，详情请见3.3.1.6设置动画。

#### **3.3.2.10过滤器**

与云报表中过滤器使用一致，详情请见3.3.1.7过滤器。

#### **3.3.2.11关联高亮**

方便用户将两个工作表数据关联显示，用于讲解中能很明确以高亮形式显现关系关联。当用户点击表A中值时，根据配置的关联关系找寻表B中数据，进行高亮显示。配置入口如图3-3-2-49所示。

![](/uploads/projects/dashboard/202605/18b136228b562674.png)

图3-3-2-49关联高亮入口

点击关联高亮，显示配置与跳转页面类似。页面显示如图3-3-2-50所示。

![](/uploads/projects/dashboard/202605/18b136228c13261d.png)

图3-3-2-50关联高亮配置页面

-   选择触发配置列
-   关联工作表：只显示自助分析资源工作表
-   参数配置：参数名、类型、参数值
    -   参数名：填写关联表中字段
    -   类型：动态和静态
    -   参数值：（1）选择类型为静态时，参数值为文本输入框

（2）选择类型为动态时，参数值为下拉选项，只显示该表中的维度字段

配置页面如上图3-3-2-50所示，点击表01拖入行&添加序号，工作表\_03中数据的东北项显示高亮。效果展示页面如图3-3-2-51所示

![](/uploads/projects/dashboard/202605/18b136228d1fd269.png)

**图**3-3-2-51**关联高亮配置页面**

#### **3.3.2.12滚动显示**

使用仪表板展示资源时，有时会需要资源滚动显示，针对文本和清单表资源在右上角的下拉列表增加了“滚动显示”的选项，如图3-3-2-52所示。配置后文本和清单表可以在显示时自动滚动显示，滚动到底部后默认再从头开始滚动。但是编辑界面配置了滚动和取消滚动后，视图界面可立即生效，但编辑界面需要重新打开才会生效。如果文本和清单表未能铺满一屏，即使配置了滚动显示，资源也不会滚动。

![](/uploads/projects/dashboard/202605/18b136228e48c031.png)

图3-3-2-52 滚动显示选项

勾选滚动显示后，会显示滚动设置，入口如图3-3-2-53所示。配置页面如图3-3-2-54所示。最终会按照配置的效果进行滚动。

![](/uploads/projects/dashboard/202605/18b136228f8c9934.png)

图3-3-2-53 滚动设置入口

![](/uploads/projects/dashboard/202605/18b13622903c70a9.png)

图3-3-2-54 滚动设置配置页面

# 3.3.3仪表板下拉

仪表板中也可拖入其他仪表板资源，点击仪表板的下拉，如下图3-3-3-1所示。

![](/uploads/projects/dashboard/202605/18b1362291c68673.png)

#### **3.3.3.1显示放大**

使用仪表板展示资源时，有时资源显示不全，需要配置放大按钮，放置全屏显示，针对此需求在资源的右上角的下拉列表增加了“显示放大”的选项，如图3-3-6-1所示。资源勾选显示放大按钮。

![](/uploads/projects/dashboard/202605/18b1362293541931.png)

图3-3-3-1显示放大入口配置

页面在勾选显示放大会显示放大设置页面，如图3-3-6-1所示。点击放大设置，如图3-3-3-2所示。

![](/uploads/projects/dashboard/202605/18b1362294168627.png)

图3-3-3-2放大设置配置页面

设置放大设置效果页面如图3-3-3-3所示，红色区域为点击放大后展示的页面，大小如上图配置

![](/uploads/projects/dashboard/202605/18b1362295557040.png)

图3-3-3-3放大设置效果图

#### **3.3.3.2设置动画**

与云报表中设置动画使用一致，详情请见3.3.1.6设置动画。

# 3.3.4过滤器下拉

在仪表板中拖入包含过滤器的资源，点击资源，显示过滤器。单击过滤器的下拉列表，页面显示如图3-3-4-1所示。本章节重点介绍过滤器的下拉列表中的功能。

![](/uploads/projects/dashboard/202605/18b1362296a76f8a.png)

图3-3-4-1过滤器的下拉列表

#### **3.3.4.1应用工作表**

该功能是将过滤器应用于其他工作表，达到一个过滤器可筛选多个资源的功能，详情请见4.2公共过滤器。

#### **3.3.4.2隐藏过滤器**

隐藏过滤器与删除过滤器的区别在于隐藏过滤器后，页面不显示该过滤器，但过滤器的默认值仍对该资源生效。隐藏过滤器的入口如下图3-3-4-2所示

![](/uploads/projects/dashboard/202605/18b1362297eec5be.png)

图3-3-4-2隐藏过滤器入口

如上图，区域过滤器的默认值为“东北”，点击隐藏过滤器，在仪表板编辑页面的布局处显示隐藏的过滤器，如图3-3-4-3所示。点击预览页面，页面中只显示东北的值，如图3-3-4-4所示。

![](/uploads/projects/dashboard/202605/18b136229913619c.png)

图3-3-4-3仪表板布局中显示隐藏过滤器

![](/uploads/projects/dashboard/202605/18b136229a1bf6fa.png)

图3-3-4-4隐藏过滤器后默认值仍生效

若需要该过滤器再次显示，则只需在资源的下拉列表，找到过滤器，单击隐藏的过滤器即可。单击后过滤器显示在编辑页面，布局处的隐藏过滤器则会消失。

#### **3.3.4.3显示标题**

配置入口如图3-3-4-5所示。默认勾选显示标题，取消勾选，效果则如图3-3-4-6所示。

![](/uploads/projects/dashboard/202605/18b136229b45685f.png)

图3-3-4-5显示标题入口

![](/uploads/projects/dashboard/202605/18b136229c771ca0.png)

图3-3-4-6不显示标题

#### **3.3.4.4左右排版**

过滤器的默认布局为上下排版，为了让过滤器的布局多样化，添加左右排版功能。使过滤器使用起来更灵活和美观。配置入口如图3-3-4-7所示。效果如图3-3-4-8所示。

![](/uploads/projects/dashboard/202605/18b136229ddb0b1d.png)

图3-3-4-7左右排版配置入口

![](/uploads/projects/dashboard/202605/18b136229efc0561.png)

图3-3-4-8左右排版效果

#### **3.3.4.5设置样式**

该入口可单独对某一个过滤器进行样式设置增加美观性，配置入口如图3-3-4-9所示，配置界面如图3-3-4-10所示。配置页面功能和仪表板格式中功能一致，具体可参照3.2.13格式中过滤器样式。

![](/uploads/projects/dashboard/202605/18b13622a03f673a.png)

图3-3-4-9设置样式入口

![](/uploads/projects/dashboard/202605/18b13622a0fe9e85.png)

图3-3-4-10设置样式配置页面

#### **3.3.4.6收藏样式**

收藏样式针对过滤器设置样式进行收藏，与云报表下拉中收藏样式使用一致，详情请见3.3.1.5收藏样式。

#### **3.3.4.7设置动画**

与云报表中设置动画使用一致，详情请见3.3.1.6设置动画。

#### **3.3.4.8组件样式**

设置组件样式可以修改过滤器的边框颜色、文字颜色、边框高宽、文字大小等内容。配置入口如图 3-3-4-11所示，配置页面如图3-3-4-12所示。配置页面功能和仪表板格式中功能一致，具体可参照3.2.13格式中过滤器组件。

![](/uploads/projects/dashboard/202605/18b13622a259c603.png)

图3-3-4-11组件样式入口

![](/uploads/projects/dashboard/202605/18b13622a34c2076.png)

图3-3-4-12组件样式配置页面

过滤器有默认样式，即没有选择值的情况的颜色配置，激活样式指的是选中某具体值后的边框颜色、背景颜色等。

过滤器选项的文字可以修改默认颜色和激活颜色，但字体大小只能从默认修改，激活后的文字大小和默认的文字大小一致，不允许修改。

#### **3.3.4.9收藏组件样式**

收藏组件样式针对过滤器组件样式设置进行收藏，与云报表下拉中收藏样式使用一致，详情请见3.3.1.5收藏样式。

#### **3.3.4.10关联过滤器**

过滤器之间的关联关系设置，详细请见4.3关联过滤器。

#### **3.3.4.11默认值**

在使用过程中，针对不同的仪表板都加入云报表A，但在不同仪表板中云报表A的区域普通过滤器需要设置不同默认值的情况，我们添加了过滤器的默认值设置功能，配置入口如图3-3-4-13所示。

![](/uploads/projects/dashboard/202605/18b13622a49a83bf.png)

图3-3-4-13默认值配置入口

点击默认值，将仪表板中默认值设置为“华北”如图3-3-4-14所示。点击该仪表板的预览页面，显示华北的数据，如图3-3-4-15所示。

![](/uploads/projects/dashboard/202605/18b13622a554f572.png)

图3-3-4-14默认值配置页面

![](/uploads/projects/dashboard/202605/18b13622a652ce13.png)图3-3-4-15默认值预览页面

# 3.3.5批量设置

在实际使用中，仪表板中会添加多个浮动的同类型资源。若要对同类型资源进行批量设置，则按住Ctrl后一次点击需要批量设置的资源或过滤器。如图3-3-5-1所示，浮动资源存在两个自助分析资源，一个图例和两个过滤器。

![](/uploads/projects/dashboard/202605/18b13622a79634cf.png)

图3-3-5-1浮动资源

**（1）对资源进行批量设置**

以上述浮动资源作为事例，讲解资源的批量设置。第一步需要按住Ctrl键，选中需批量设置的资源。如图3-3-5-2所示。

![](/uploads/projects/dashboard/202605/18b13622a8d6277f.png)

图3-3-5-2批量选中资源

-   如图3-3-5-3所示，该图标依次为：左对齐、水平居中对齐、右对齐、横向分布、顶对齐、垂直居中对齐、底对齐、纵向分布、至于顶层、置于底层。需注意的是以最后一个选中的为基点对齐。

![](/uploads/projects/dashboard/202605/18b13622a9a2280c.png)

图3-3-5-3对齐图标

-   ![](/uploads/projects/dashboard/202605/18b13622aa577581.png)，这两个图标对应布局中高和宽。按住Ctrl批量选中后，可批量设置资源的宽和高。

**（2）对过滤器进行批量设置**

该功能可对一张仪表板中的所有过滤器进行统一的样式、大小等配置。点击Ctrl键后，选中需要批量设置的过滤器，如图3-3-5-4所示。

![](/uploads/projects/dashboard/202605/18b13622ab57be82.png)

图3-3-5-4过滤器批量设置

-   ![](/uploads/projects/dashboard/202605/18b13622abff579f.png)：同资源批量设置中该图标，不做过多讲解。
-   ![](/uploads/projects/dashboard/202605/18b13622acb17f24.png)：左右排版，点击后效果如图3-3-5-5所示。

![](/uploads/projects/dashboard/202605/18b13622adb26201.png)

图3-3-5-5 左右排版预期效果

-   ![](/uploads/projects/dashboard/202605/18b13622ae78e270.png)：图标依次为设置样式、组件样式。配置页面如图3-3-5-6和图3-3-5-7所示。设置效果如上文，不做过多讲解。

![](/uploads/projects/dashboard/202605/18b13622af582544.png)

图3-3-5-6 过滤器设置样式

![](/uploads/projects/dashboard/202605/18b13622b07cce20.png)

图3-3-5-7 过滤器组件样式

-   ![](/uploads/projects/dashboard/202605/18b13622b125e314.png)：批量设置宽、高。

# 3.3.6资源替换

仪表板资源下拉列表新增：资源替换勾选框，如图3-3-6-1所示.

![](/uploads/projects/dashboard/202605/18b13622b2650e5b.png)

图3-3-6-1 资源替换配置入口

【使用场景】

场景1：当前仪表板两个资源做资源替换，实际场景为下图仪表板中的在线数量仪表盘和主机资产统计状态饼图位置互换

步骤：

1.  新建仪表板

![](/uploads/projects/dashboard/202605/18b13622b37c390f.png)

图3-3-6-2 仪表板资源

1.  在线数量饼图勾选资源替换，主机资产统计状态也勾选资源替换  
    ![](/uploads/projects/dashboard/202605/18b13622b4864c79.png)

图3-3-6-3 仪表板资源勾选资源替换01

![](/uploads/projects/dashboard/202605/18b13622b56fbd42.png)

图3-3-6-4 仪表板资源勾选资源替换02

1.  将饼图拉至仪表盘位置，做资源互换，查看页面。

![](/uploads/projects/dashboard/202605/18b13622b670177e.png)

图3-3-6-5 资源互换成功

场景2：资源树上资源与当前仪表板做资源替换，实际场景为下图仪表板中的主机数量仪表盘被资源树上资源做替换（等价于删除主机数量仪表盘后再仪表盘位置新增资源树上资源）

步骤：

1.  新建仪表板

![](/uploads/projects/dashboard/202605/18b13622b76cbeac.png)

图3-3-6-6 仪表板资源

1.  在主机数量仪表盘上勾选资源替换

![](/uploads/projects/dashboard/202605/18b13622b8535428.png)

图3-3-6-7 勾选资源替换

1.  在资源树上将目标资源拖至主机数量位置

![](/uploads/projects/dashboard/202605/18b13622b96fd2ac.png)

图3-3-6-8 资源树上资源替代仪表板资源操作步骤

1.  查看仪表板资源

![](/uploads/projects/dashboard/202605/18b13622ba73ec20.png)

图3-3-6-9资源树上资源替代仪表板资源

【注意事项】

1.  每次勾选资源替换，页面会显示提示语：

![](/uploads/projects/dashboard/202605/18b13622bbcd18ba.png)

图3-3-6-10资源替换提示语

1.  替换和移动操作冲突，若要移动资源位置，则需要关闭资源替换
2.  浮动和替换功能也冲突，如要替换浮动资源，则需要先关闭工具栏中浮动按钮
3.  若两个资源要互相替换 需开启两个资源的资源替换功能，然后实现替换效果
4.  资源替换状态不保存
5.  资源替换勾选是按照装资源容器的位置来选中的，比如上图中在仪表板的主机数量资源勾选资源替换，将资源树上直方图资源替换仪表板主机数量位置，查看直方图下拉，资源替换仍被勾选。

![](/uploads/projects/dashboard/202605/18b13622bcc0ce08.png)

图3-3-6-10资源替换位置不变，替换勾选状态不改变