检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图表位置：设置图表在画布中的位置。单位为px。 图1 Tab页签 全局样式 布局类型：设置页签的布局类型。可选择设置为横向、纵向。 对齐方式：设置页签的对齐方式，可以设置为顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。 页签宽度：设置页签的宽度。 页签高度：设置页签的高度。 页签间距：设置页签之间的距离。
本章节以Tab列表和线状图配合使用为例，介绍组件的交互配置。在DLV中组件交互配置是指某个组件在响应用户操作或者自动触发更新时，向其他组件传递参数，这个参数可以在其他组件中作为数据查询时的动态变量。当组件的“交互”页签支持勾选开启交互功能的事件及参数配置时表示该组件支持交互功能，否则不支持交互功能。
您只有在加入工作空间并被分配权限后，才具备管理工作空间、管理数据连接、管理大屏、管理组合屏和管理应用的一系列操作权限。 在工作空间管理中，管理员可以将其他用户添加到工作空间，并给用户设置DLV预设的管理员、开发者、分析师、访客等角色，实现多角色协同开发。 背景信息 华为云帐号或者拥有DLV
使用数据转换器 当组件请求数据返回的结果不符合展示需求或需要经过二次加工转换时，可以通过数据转换器编辑代码对组件返回的数据进行处理。 使用数据转换器 创建一个大屏，进入大屏编辑页面。 在页面顶部单击“数据转换器”，页面底部显示数据转换器编辑区。 图1 数据转换器 在数据转换器编辑
字体：设置图表中文字的字体。 边距 顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 x轴 显示/隐藏x轴
使用流程 开发大屏前，您需要先了解DLV的使用流程，如图1所示。流程中所有操作都可以在DLV控制台完成。 图1 使用流程 建数据连接：连接数据大屏所需的数据源，如果您使用的是静态数据，请跳过该步骤。 建数据大屏：使用模板来创建数据大屏。 编辑数据大屏：对数据大屏进行开发，包括组件的样式、数据、交互配置，以及图层管理。
添加组件 创建大屏后，您可以在大屏上添加所需要的组件，DLV提供了丰富的可视化组件，帮助您快速开发大屏。本章节为您介绍如何在大屏中添加组件。 添加组件 登录DLV控制台。 在“我的大屏”页面，单击“新建大屏”。 在新建大屏页面，从左侧的场景模板中选择一个模板，例如，选择空白模板。然后输入大屏名称。
图1 自定义背景组件 全局样式 背景色：单击颜色编辑器设置背景颜色。 背景图：设置组件的背景图片，您可以从本地上传图片素材。 缩放模式：单击下拉选项设置背景图片的缩放模式。可以选择为默认模式、按比例缩放、裁剪缩放、拉伸缩放。 羽化：输入数值或单击设置背景组件的边缘虚化程度。羽化
预览大屏 大屏开发过程中，您可以通过预览功能查看大屏的显示效果。 预览大屏的入口有如下两个： 在大屏开发页面右上方，单击预览图标。 图1 预览大屏（入口一） 在“我的大屏”页面，找到需要预览的大屏，将鼠标移动至该大屏图标之上，界面上将显示大屏的管理按钮，单击预览按钮。 图2 预览大屏（入口二）
组件概述 DLV提供了丰富的组件，目前支持以下几种类型的组件： 常用图表 地图 媒体 文本 关系网络图 素材 交互 其他 常用图表 您可以在常用图表中选择需要的常用组件，包括线状图、柱状图、饼状图、单值百分比、玫瑰图、雷达图、散点图、气泡图、水位图、区域排行、折线柱图、水平柱状图
管理图层 开发大屏过程中，如果在画布中布局或嵌套多个组件时，图层功能可以帮助您快速定位某一个组件。 修改组件的图层位置 方式一：选中图层列表中某一个组件，拖动组件至指定的图层。 图1 修改组件图层（方式一） 方式二：右键单击画布中的组件，选择置顶、置底、上移一层、下移一层。 图2
柱子样式-水平胶囊柱图 边距 顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 值标签：显示/隐藏值标签。如图3为显示值标签的效果。
顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 x轴：显示或隐藏x轴。显示时，可以设置x轴样式。 字号：轴标签文本的字体大小。
顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 x轴：显示或隐藏x轴。显示时，可以设置x轴样式。 字号：轴标签文本的字体大小。
柱子样式-折线柱图 边距 顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 x轴 显示/隐藏x轴
顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 x轴：显示或隐藏x轴。显示时，可以设置x轴的样式。
顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 x轴：显示或隐藏x轴。显示时，可以设置x轴样式。 字号：轴标签文本的字体大小。
顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 x轴：显示或隐藏x轴。显示时，可以设置x轴样式。 字号：轴标签文本的字体大小。
系列间距：设置多个系列间的距离。 边距 顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 值标签 显示/隐藏值
线。 边距 顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 左侧：设置图表与图层左侧的间距，可以通过输入数值或单击调节。 右侧：设置图表与图层右侧的间距，可以通过输入数值或单击调节。 x轴 显示/隐藏x轴
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
