[{"id":"bcb0874d-299b-448e-9552-9e9b25ef80dd","tags":[{"product":null,"links":null,"id":"ba7e818e-4f6b-4211-b1ac-58e3bafcf439","name":"\u66F4\u65B0","color":"orange","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8ce3627e-9e58-471b-9133-4f135d191e7b","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"ae60ae59-34f5-4f32-a8eb-243ed1457543","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3d4848c3-910f-4ffa-9153-60bb507334a9","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"133f4ca6-d951-4d65-a618-3dc6301266f7","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"de62ec1c-813e-40b1-8160-a4cd109afe64","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2426c71d-8332-4cbd-a436-1ec4f8666464","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2ce7b6b0-78aa-4e4b-bf8a-e4ba2f988298","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"4706db46-0811-4652-8f59-1e0a1da84758","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8f1271bb-2cd9-4f39-9897-c15b239ee7ab","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"677e13a7-6f3e-449f-986c-2c3a26f8d54f","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"5e40f6dc-caec-49d7-a1d0-be65f06815ba","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2457f0e0-9e71-4860-a87d-065e0fb84f84","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5c67fd0-1145-482c-9113-97b492c44c18","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"a609a8fa-ab91-4c1d-a1c3-d209d0463303","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"b4a9eb15-94e5-48df-b218-a24138f0cf9c","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

仪表板设计器

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

设计器介绍

在门户网站首页,单击加号+,选择仪表板,然后选择合适的模板(图中以空白模板为例,详见仪表板模板),点击创建按钮即可进入仪表板设计器。

image

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

image

编号

区域名称

说明

A

菜单栏

仪表板的撤销、重做、保存、预览按钮以及开始菜单和仪表板菜单。

开始菜单中是对组件的常用操作,如剪切、复制、粘贴、删除、格式刷以及组件对齐、调整组件层级、互换位置等。详细介绍请见设计器基本操作

image

仪表板菜单中包含对仪表板整体的设置:全局设置、文档主题。

image

B

可视化区

可视化组件区包含所有可以在仪表板中使用的组件和元素:组件、可视化插件、组件模板库、组件层级和智能分析。

单击展开按钮可展开列表内容。

image

单击项目展开项目内容。

- 组件:如图表类组件、指标类组件、地图类组件、数据筛选器以及其他可视化组件。顶端可搜索,

(提示:鼠标悬浮至边界区域成双向箭头时可左右拖动改变展示区宽度。)

image

顶部可根据组件名快速查找组件,右侧可调整展示方式。

image

- 可视化插件:包含ECharts插件和其他动态可视化插件,并且支持自定义可视化插件或到官方论坛下载更多插件使用。

image

- 组件模板库:带有样式的组件模板,直接拖拽到设计器绑定数据即可,无需再设定样式。

组件模板的来源有两种:一是自主保存组件模板详见组件库。;二是点击下方按钮从官网下载。

image

- 组件层级:显示仪表板中所有组件以及树形关系,可单击组件右侧眼睛图标隐藏或显示组件。

image

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

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

C

仪表板编辑区

(画布区域)

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

D

数据绑定/属性设置面板

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

image

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

image:收起/展开设置面板。

数据绑定: 加载仪表板使用的数据,绑定和配置数据字段。详见数据绑定与处理

属性设板: 设置仪表板和组件的属性外观。详见仪表板全局设置组件外观与属性

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:单击可预览该仪表板在手机上的效果,进入移动端设计。

更多介绍,详见组件基本操作

F

页面显示区

仅当在仪表板中编辑正在使用的数据集或模型时才会激活该区域。

image