文档中心

仪表盘左侧控件区操作

最近更新时间：2023.11.16 16:14:55

首次发布时间：2023.08.22 15:55:59

1. 概述

新版仪表盘编辑界面划分为顶部导航区、左侧控件区、中心画布区、右侧页面配置区以及底部多页面编辑区。
本文将为大家介绍其中的左侧控件区。如下图所示，左侧的红色标记区域为控件区，具体操作下方将按照从上往下的控件顺序进行介绍：
alt

2. 操作说明

2.1 添加图表

点击添加图表按钮，页面中会出现一个空图表控件，用户可以在右侧图表列表中选择自己需要添加的图表。
alt

已经添加到页面的图表显示在「当前页面图表」下，未添加的则显示在「最近图表」中；
支持根据图表名称搜索图表；
图表列表中将按照图表的制作时间排序，最近保存的图表将展示在更上面的位置。

也可点击控件中的“新建图表”新建。点击后将跳转到可视化查询界面，编辑图表并保存即可。
alt

仪表盘折线图支持添加数据更新动画

2.2 全局筛选器、维度/指标、查询容器、动态参数

因为全局筛选器、维度/指标、查询容器、动态参数，发挥的作用具有一致之处，因此在本小节进行合并介绍。
alt

支持添加全局的筛选器、动态维度指标、动态参数以同时控制仪表盘上的多张图表；
查询容器则能同时放入以上三类全局查询筛选器；
支持在编写添加网页的链接时，将当前页面上置顶公共筛选器的值作为参数，应用到链接中。

筛选与过滤的操作内容较为丰富，因此单独成文为您介绍，详见：筛选与过滤

2.3 标签页

在仪表盘中加入标签页，可以在页面上添加一个可切换标签页的多页组件，每一个标签页中都能放入多个图表或文本、网页、图片，还可放入其他标签页。

圈选标签页内控件，也可进行批量移动。
支持双击修改标签页名、添加标签页等操作

alt

将左侧控件列表拖拽控件到标签页上，或者将当前仪表盘上已有控件拖拽进来，即能在标签页显示对应内容。

alt

标签页的样式设置，标签字体大小，以及位置均可在调整

2.4 添加文本

仪表盘通常需要文字来介绍仪表盘的性质、数据口径等信息。有时还需要文字做一些图表的补充展示和说明。添加文本控件以插入文本描述。
alt
支持对文本内容进行样式编辑，包括颜色、字号、粗细、间距、添加超链接等。
alt
V2.58.0 及更高版本中，用户可以在文本组件的编辑区中选中文字，设置文字为一/二/三级标题样式，实现重点清晰的仪表盘效果。
alt

2.5 添加网页

选择网页，页面上将出现网页控件，选中后在右侧即可填写网页链接。填写链接后，网页控件中将展示链接页面内容。可以在右侧网页配置栏中对网页进行配置，包括更改网址（选择是否附带 token）、查看态图标显示设置、常规设置、内边距设置以及外观设置。
alt

2.6 添加素材

在仪表盘的左侧组件栏中的素材类型组件，可以选择图片、头图、标题图、分割线素材，帮助用户更易搭建有层次感的仪表盘。
alt

2.6.1 添加图片

点击素材选择图片控件，可以在右侧图片配置栏中对图片进行配置，包括选择图片来源（可以上传本地图片）、查看态图标显示设置、常规设置、内边距设置以及外观配置。
alt

2.6.2 添加头图

点击素材选择头图控件，在仪表盘上出现默认头图，可以在右侧头图配置栏中对头图进行配置，包括选择图片来源（可以使用官方图片也可以选择本地上传）、常规设置、内边距设置、外观配置以及高度设置。
alt

2.6.3 添加标题图

点击素材选择标题图控件，在仪表盘上出现默认标题图，可以在右侧标题图配置栏中对标题图进行配置，包括选择图片来源（可以使用官方图片也可以选择本地上传）、常规设置、内边距设置以及外观配置。
alt

2.6.4 添加分割线

点击素材选择分割线控件，在仪表盘上出现默认分割线，可以在右侧分割线配置栏中对分割线进行配置，包括选择样式线类型、常规设置以及外观配置。
alt

2.7 关系图

点击“关系图”控件，拖动添加关系图组件，可通过关系图将指标卡以数学运算符号连接起来，以实现一个更好直观展示的图表。效果如下所示：

操作步骤：
（1） 在右侧关系图配置页面，选择需要的指标卡。

（2） 在初始添加的指标卡基础上，根据需求添加同级指标、下级指标或常数。

（3） 根据需求调整指标卡间的关系。

（4） 重复以上步骤以创建出自己所需要的关系图