检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件概述 DLV提供了丰富的组件，目前支持以下几种类型的组件： 常用图表 地图 媒体 文本 关系网络图 素材 交互 其他 常用图表 您可以在常用图表中选择需要的常用组件，包括线状图、柱状图、饼状图、单值百分比、玫瑰图、雷达图、散点图、气泡图、水位图、区域排行、折线柱图、水平柱状图
据迁移（CDM）集群作为网络代理。请确保在CDM中已有可用的集群，且该集群与RDS SQL Server数据源可以正常通信。 为了使DLV大屏与RDS服务网络互通，您可以使用VPC连接作为网络代理。请先参考管理VPC连接创建VPC连接。 新建RDS SQL Server数据连接 登录DLV管理控制台。
图片：选择图片，您可以通过如下三种方式加载图片到大屏中。 在“图片”后显示“url”的框中输入图片的地址。 单击“图片”下方的虚线框，选择图片。 直接拖动图片至“图片”下方的虚线框中。 图片选择后，您也可以进行编辑和删除操作。单击图片区域的可以删除当前图片，单击可以修改当前图片。
月套餐的购买后，您可以通过变更规格的方式，将DLV套餐升级到更高规格的版本（不支持从高规格版本变更为低规格）。您可以登录DLV管理控制台，在DLV控制台首页的右上角，单击“变更规格”变更套餐。 图1 变更规格 若DLV提供的变更规格的方式不满足您的要求，您也可以先退订现有的DLV
GaussDB实例网络互通，您需要使用云数据迁移（CDM）集群作为网络代理。请确保在CDM中已有可用的集群，且该集群与云数据库 GaussDB数据源可以正常通信。 为了使DLV大屏与RDS服务网络互通，您可以使用VPC连接作为网络代理。请先参考管理VPC连接创建VPC连接。 新建云数据库 GaussDB数据连接 登录DLV管理控制台。
数据转换器：选择数据转换器，可以将数据转换为符合展示需求数据，数据转换器的详细介绍，请参见使用数据转换器。 自动更新请求：勾选自动更新请求，并设置更新间隔后，数据将根据间隔时间自动轮询。 预览结果：单击“预览结果”，显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。
字体：设置图表中文字的字体。 边距 顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 x轴 显示/隐藏x轴
快速搭建大屏（交互功能） 用户可以通过交互功能实现大屏内组件间数据联动。 本示例通过地理搜索、柱状图，演示如何实现组件之间数据联动。基本流程如下： 添加和配置组件 预览和发布大屏 前提条件 已登录DLV控制台，并使用空白模板创建一个大屏。 添加和配置组件 打开大屏开发页面，在左侧组件中心，选择“交互
的区域、可用区和VPC中，且两者还必须在相同安全组中或者安全组规则允许两者可以正常通信。 在CDM服务中，您只需要创建一个CDM集群，而不需要做其他任何操作。 为了使DLV大屏与DWS服务网络互通，您可以使用VPC连接作为网络代理。请先参考管理VPC连接创建VPC连接。 新建数据连接
字体：设置图表中文字的字体。 边距 顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 x轴 显示/隐藏x轴
顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 x轴：显示或隐藏x轴。显示时，可以设置x轴样式。 字号：轴标签文本的字体大小。
本章节以Tab列表和线状图配合使用为例，介绍组件的交互配置。在DLV中组件交互配置是指某个组件在响应用户操作或者自动触发更新时，向其他组件传递参数，这个参数可以在其他组件中作为数据查询时的动态变量。当组件的“交互”页签支持勾选开启交互功能的事件及参数配置时表示该组件支持交互功能，否则不支持交互功能。
柱子样式-水平胶囊柱图 边距 顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 值标签：显示/隐藏值标签。如图3为显示值标签的效果。
顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 x轴：显示或隐藏x轴。显示时，可以设置x轴的样式。
图表位置：设置图表在画布中的位置。单位为px。 图1 Tab页签 全局样式 布局类型：设置页签的布局类型。可选择设置为横向、纵向。 对齐方式：设置页签的对齐方式，可以设置为顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。 页签宽度：设置页签的宽度。 页签高度：设置页签的高度。 页签间距：设置页签之间的距离。
设置URL参数交互 您可以通过在大屏的URL中设置hash参数的形式来设置参数值，将参数值传递到动态数据源（主要有API数据源或数据库类型的数据源）中查询相关数据，从而查看hash参数所指定的大屏数据。 设置URL参数交互功能 以下以API数据源和数据库类型的数据源为例，介绍如何实现URL交互功能。
图1 自定义背景组件 全局样式 背景色：单击颜色编辑器设置背景颜色。 背景图：设置组件的背景图片，您可以从本地上传图片素材。 缩放模式：单击下拉选项设置背景图片的缩放模式。可以选择为默认模式、按比例缩放、裁剪缩放、拉伸缩放。 羽化：输入数值或单击设置背景组件的边缘虚化程度。羽化
顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 x轴：显示或隐藏x轴。显示时，可以设置x轴样式。 字号：轴标签文本的字体大小。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
