仪表板设计器
1.功能概述
本节为您介绍仪表板设计器的区域组成以及每个区域的主要功能。
2.进入设计器
在门户网站首页，单击“创建文档”，选择仪表板，然后选择合适的模板（图中以空白模板为例，详见仪表板模板），点击创建按钮即可进入仪表板设计器。
type=info
双击模板页可进入设计器。
3.设计器介绍
仪表板设计器由顶部的菜单栏、左侧的可视化组件区、中间的编辑区、底部的页面操作区和右侧数据绑定/属性设置区等部分构成，具体如下图所示。
3.1菜单栏
放置仪表板的相关操作按钮，仪表板的撤销、重做、保存、预览按钮以及开始菜单和仪表板菜单。
开始菜单中是对组件的常用操作，如剪切、复制、粘贴、删除、格式刷以及组件对齐、调整组件层级、互换位置等。详细介绍请见设计器基本操作。
仪表板菜单中包含对仪表板整体的设置：全局设置、数据绑定及文档主题。
全局设置：在右侧的属性面板中展示仪表板的相关属性。详情请参考：全局设置。
数据绑定：在右侧面板中展示数据绑定管理页面，在这个面板中，用户进行添加、移除已选数据集等操作。
文档主题：在下拉列表中展示可用的文档主题供用户选择。
3.2可视化组件面板
点击不同的项目，展开不同的面板，供用户按需选择需要的组件。
3.2.1组件
点击“组件”分类，展开的面板中显示所有内置的可视化组件，用户可通过拖拽的方式将可视化组件添加至画布区域。
3.2.2拓扑图
内置了丰富的图形资源，通过拖拽式的操作和属性配置，帮助用户快速开发2D拓扑应用
3.2.3可视化插件
展示一系列内置的可视化插件，和其他可视化组件一样，拖拽到画布区域，绑定相应字段，进行数据的可视化展示。
可视化插件是对产品内置图表的有力补充。用户可以根据自身项目需求开发定制化的可视化插件，也可以从应用市场下载更多丰富多样的插件，以满足不同的数据分析需求。详情请参考：仪表板可视化插件。
3.2.4组件模板库
用户在对图表进行了数据绑定和美化之后，可将该组件保存为组件模板，可实现可视化组件的高效复用。详情请参考：组件模板。
保存好的组件模板将出现在组件模板库中，与其他可视化组件一样，拖拽到画布区域供后续使用。
3.2.5组件层级
在组件层级面板中，将列举出当前页面所包含的所有组件。
在组件层级面板中进行选择，画布区域中对应组件也会被选中，在该面板中进行检索及选中，可以实现组件的快速定位。
点击隐藏按钮，可在画布区域隐藏该组件。
3.2.6智能分析向导
当用户不知道如何选择合适的图表时，可使用智能分析向导让系统为您推荐合适的图表。
您只需选择相应的字段，系统将根据所选的字段及字段类型为您推荐合适的图表。详情请参考：使用智能分析向导。
3.3画布区域
画布区域为仪表板设计器的工作区，在这个区域对仪表板的组件进行布局等一系列的设置。
3.4数据绑定区域
3.4.1为图表进行数据绑定
选中组件，选择需要的数据集或数据模型，通过拖拽将字段拖至对应区域进行图表的绘制。详情请参考：数据绑定与前端数据处理。
3.4.2为图表进行属性设置
选中图表，切换到属性面板可对组件的属性进行设置。
3.4.3为仪表板设置属性
不选中任何图表或点击菜单栏中的全局设置，展开仪表板的属性设置面板。
3.5底部工具栏
3.5.1仪表板页面管理
用户可以通过底部工具栏对仪表板的页面进行新增、删除及调整顺序的操作。
新建空白页
点击添加并选择“新建空白页”，将添加一个空白的页到仪表板中。
通过模板创建新的页
点击添加并选择“通过模板创建”，在弹出的对话框中选择仪表板模板并选择页面，将依据选择创建一个新的页面。
重命名页面
打开页面的上下文菜单，选择重命名。
复制页面
点击复制，复制页面。
运行时隐藏页面
点击隐藏，可在运行时隐藏该页面，设计时不受影响，始终可见。
删除页面
点击删除，删除该页面。
3.5.2设计器画布区域样式指定
缩放画布区域
缩放编辑区域。同时支持按住键盘CTRL按键，滚动鼠标滚轮来缩放画布。
设置是否开启网格线
画布区域的网格线可以辅助用户进行组件的对齐等操作，默认显示，如不需要，可点击图标进行隐藏。
设置是否禁用重叠
默认为开启状态，即为允许组件重叠
当为不选中状态时，即为不允许组件重叠。
设置网格对齐
提供网格对齐的方式，20个像素为一个网格大小，当开启网格对齐时，每一次移动都是按一个网格大小进行移动。默认开启。
将网格对齐设置否，则取消每次移动的像素限制，按像素进行移动。
设置自动对齐
当开启该选项，在移动的过程当中，提供辅助线供用户与其他组件进行对齐。
当关闭该选项时，则不显示辅助线。
3.5.3进入移动端设计面板
点击工具栏上的移动端视图的图标，可进入到移动端视图设计面板，用户可以根据需要进行移动端布局的设计，让仪表板在不同的终端上有不同的预览体验。详情请参考：移动端仪表板。
3.5.4联动关系设定
在仪表板中，使用同一数据集的可视化组件可以相互联动，但是在一些场景下，并不希望这些联动发生，用户可以通过联动关系的设定来进行调整。
开启后，与选中组件有联动关系的组件将显示组件关联关系图标，点击图标可做进一步的设置。详情请参考：组件间联动。
