1. 内容概述

仪表板的设计过程基本是通过组件操作来完成的，本节首先为您介绍组件相关的基本操作，使您对组件有一个初步的认识。

2. 添加组件

在设计器内单击数据可视化按钮展开图表列表，然后选中一个组件并拖拽至编辑区，即可添加一个组件。

3. 组件多选

支持两种方式多选：

• 一是 Ctrl键+鼠标单击。
• 二是 鼠标拖动框选。

选取多个组件后，在属性设置面板中可以设置其共同属性。

4. 调整组件位置

选中组件（单选或多选），将选中的组件拖拽到目标位置并释放鼠标，调整可视化组件的位置。

对于多选，如果目标位置无法放置所选的所有可视化组件，释放鼠标将无法放置到目标位置。

5. 使用键盘方向键移动组件

仪表板中支持通过键盘的方向键移动组件。移动时支持以单元格为单位或像素为单位进行移动。

当设计器中开启了“对齐到网格”功能，则按网格为单位进行移动；

关闭“对齐到网格”功能后，则以像素为单位进行移动。

6. 多个组件组合

我们在设计仪表板时，经常需要使用多个组件来完成同一个分析场景的展示。此时您可以将多个组件进行组合，从而形成一个整体更方便后续的操作。

具体操作方法为：

通过鼠标框选，或者键盘CTRL + 鼠标单击的方法选择多个组件，然后在任意组件上鼠标右单击，然后选择“组合”（快捷键为 CTRL+G），即可将组件组合。

选中组合中的组件：组合之后，单击组合中的任意组件即可选中该组合，再次单击组件即可选中组合中的组件。

组合之后，您可以对这个组合整体进行移动，缩放，与其他组件交互位置。

也可以作为一个整体，通过URL和DIV 集成到其他应用程序中。

取消组合：选中组合后，鼠标右单击，选择“取消组合”（或使用快捷键SHIFT+CTRL+G）即可取消组合。

7. 组件互换位置

选中两个组件（可通过按住CTRL 键进行多选），右单击鼠标，然后选择“互换位置”即可快速将两个组件的位置进行交换。

8. 复制、剪切、粘贴及删除组件

选中组件（单选或多选），单击鼠标右键即可选择对应操作。

也可以使用键盘快捷键进行操作：Ctrl+C→复制；Ctrl+X→剪切，Ctrl+V→粘贴，Delete键→删除。

另外，单选组件时，也可单击所选组件右上角的删除图标来删除组件。

9. 聚焦组件

单击组件右上角的聚焦按钮即可进入组件的聚焦状态。

“聚焦”顾名思义，即将焦点聚集到某一个组件上，单独对该组件进行设置和分析。聚焦后整个编辑区仅显示当前聚焦组件。

单击组件右上角恢复按钮即可退出聚焦状态。

10. 组件复用

组件复用是指在创建仪表板时可直接复用之前已经完成的仪表板中的组件，并且保持原组件一定的属性和数据设定。从而帮助我们提高工作效率。

在仪表板设计器中单击侧边栏的组件库按钮，展开组件库。

接下来您可以直接搜索仪表板名称，或者展开文档分类来查找需要的仪表板。然后展开仪表板查看组件。

这里仅显示了当前用户具有读取权限的仪表板。

组件库支持三种查看模式。

• 默认：直接显示仪表板中的所有组件，容器和组合。
• 单组件：显示所有单个组件并将组合或容器中的组件拆分为单个组件显示。
• 组合：仅显示组件组合。
• 容器：仅显示容器以及容器中的组件。

接下来，通过拖拽的方式可将组件，组合或容器添加到新的仪表板中，也即完成复用。

复用之后的组件保留原来所有内容和选项，如外观、标题、数据绑定、属性设置（不包含定时刷新的设定）、数据探索（如排序）等设置。

并且复用的之后即成为一个独立的组件，可以再次修改编辑，均不会影响原组件。