[]
        
(Showing Draft Content)

仪表板设计器

本节为您介绍仪表板设计器的区域组成以及每个区域的主要功能。

设计器介绍

在门户网站首页,单击加号,后选择仪表板,即可进入仪表板设计器。

image2022-5-23_10-54-23.png

仪表板设计器由顶部的菜单栏、左侧的可视化组件区、中间的编辑区、底部的页面操作区和右侧数据绑定/属性设置区等部分构成,具体如下图所示。

image2021-12-20_14-58-59.png

编号

区域名称

说明

A

菜单栏

包括仪表板的撤销、重做、保存、预览按钮和全局设置按钮。

保存:仪表板设计完成后,单击“保存”按钮进行保存。保存时需设置仪表板名称、为其选择分类、添加修改说明等。

预览:仪表板设计过程中,通过预览按钮可以预先查看设计是否符合预期。

全局设置:对整个仪表板进行全局设置

B

可视化组件区

可视化组件区包含所有可以在仪表板中使用的组件和元素:数据可视化、可视化组件、容器&组件、筛选器、组件库和智能分析。

- 数据可视化:包含柱状图、折线图、透视表等常用的可视化元素,为系统内置的组件。详见图表类组件表格类组件地图类组件计算图表组件

- 可视化组件:用户自定义的可视化组件,详见自定义可视化组件

- 容器&组件:包含用于组织数据、布局仪表板的容器、选项卡以及富文本、图片、外部扩展,详见容器类组件其他仪表板组件

- 筛选器:用于动态筛选数据,包含标签列表、多维列表框等,详见数据筛选组件

- 组件库:用于组件复用。是指在创建仪表板时可直接复用之前已经完成的仪表板中的组件,并且保持原组件一定的属性和数据设定。

- 智能分析:使用智能分析快速创建组件,绑定数据。详见使用智能分析向导

在此区域选择合适的可视化组件,将其拖拽到C仪表板编辑区中进行编辑。

C

仪表板编辑区

(画布区域)

设计器的中间部分,是仪表板的设计工作区。

在此区域对可视化组件进行排布、更改其大小、变更位置等。详见组件基本操作(包括组件复用)

D

数据绑定/属性设置面板

数据绑定面板和属性设置面板,单击上方对应的按钮可进行切换。

面板中的设置项会随当前编辑区中选中的组件不同而变化。

image2020-5-11_14-11-32.png:收起/展开设置面板。

数据绑定面板: 设置各组件使用的数据集,绑定和配置数据字段。

属性设置面板: 设置仪表板和组件的属性外观。

E

底部工具栏

添加新页面;复制、隐藏、删除已有页面;辅助页面内容布局等功能。

image2019-2-15_17-21-24.png: 单击可为仪表板添加新页面。

image2019-2-15_17-22-59.png: 鼠标悬浮至页签处即可出现该图标,单击可选择重命名(可使用语言资源)、复制、隐藏、删除页面。

image2019-2-15_17-28-21.png: 单击可快速打开指定页面。

image2019-2-15_17-30-22.png: 缩放编辑区域。同时支持按住键盘CTRL按键,滚动鼠标滚轮来缩放画布。

image2019-2-15_17-32-23.png: 设置单个组件与其他组件的联动关系,详见组件间联动

image2019-8-27_9-24-36.png:设置是否开启网格线。

image2019-2-15_17-35-9.png:设置是否开启组件重叠功能。

image2019-8-27_9-27-59.png: 是否启用自动吸附对齐的功能。

您可以选择对齐到网格或自动对齐(对齐到组件)。开启后当您移动组件时,会出现参考线帮助您快速对齐。

image2021-1-11_10-2-12.png

image2018-7-3_9-19-54.png:单击可预览该仪表板在手机上的效果。

更多介绍,详见组件基本操作(包括组件复用)