检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件开发包文件介绍 Index.js规范 gui.json规范 UI类型介绍
= {}; item['finalName'] = '修改次数'; item['finalValue'] = 0; data.push(item) return data; } else { return data; } 原始数据 [] 转换结果 [ {
新建数据连接 数据连接概述 使用静态数据源 新建API数据连接 新建API网关数据连接 新建CSV文件数据连接 新建对象存储服务（OBS）数据连接 新建DWS数据连接 新建DLI数据连接 新建MRS Hive数据连接 新建MRS SparkSQL数据连接 新建ClickHouse数据连接
设置组件链接交互实现下钻功能 在DLV中可以设置链接交互实现下钻功能，链接交互是为了满足用户在点击组件时可以打开一个超链接所指定的页面，在超链接中，用户可以指定一个或多个交互变量，系统可以将组件上所点击的数据作为变量值传递给超链接，从而实现下钻展示相关详情信息的功能。 设置链接交互实现下钻功能 以下以表格轮播组件为例，介绍如何实现下钻交互。
管理图层 开发大屏过程中，如果在画布中布局或嵌套多个组件时，图层功能可以帮助您快速定位某一个组件。 修改组件的图层位置 方式一：选中图层列表中某一个组件，拖动组件至指定的图层。 图1 修改组件图层（方式一） 方式二：右键单击画布中的组件，选择置顶、置底、上移一层、下移一层。 图2
L交互变量。 https://api.test?var=${var} 图1 URL交互变量 示例2：在API数据源的URL中使用多个URL交互变量，多个变量之间用&符号连接。。 https://api.test?var=${var}&var2=${var2} 数据库类型的数据源，
Zone）：一个AZ是一个或多个物理数据中心的集合，有独立的风火水电，AZ内逻辑上再将计算、网络、存储等资源划分成多个集群。一个Region中的多个AZ间通过高速光纤相连，以满足用户跨AZ构建高可用性系统的需求。 图1阐明了区域和可用区之间的关系。 图1 区域和可用区 目前，华为云已在全球多个地域开放
访客。 数据源 您在使用DLV创建大屏时，需要先指定原始数据所在的数据源。DLV提供了多种数据源连接方式：静态数据、API、数据库、CSV文件、API网关、对象存储服务（OBS）。 组件 您可以从组件区中选择相应的组件，添加到画布中。目前DLV支持的组件有以下几种：常规图表、地图
员”。 图1 工作空间 在“添加成员”对话框中，可以选择以下任一方式添加成员或用户组。 按用户添加 成员帐号：在下拉列表中，可以选择一个或多个用户。 设置角色：工作空间成员角色，所选的成员帐号都将被设置为所选角色。DLV工作空间有管理员、开发者、分析师和访客四种角色，它们分别具有
] API 通过API连接用户的数据源，数据格式参考静态数据中的示例。添加API数据源的详细介绍，请参见新建API数据连接。 数据库、CSV文件、API网关、DAYU 数据服务、Elasticsearch、对象存储服务（OBS） 如果选择使用此类数据源，您还需要选择相应的数据连接，
图表位置：设置图表在画布中的位置。单位为px。 全局样式 字体：设置图表中文字的字体。 柱子样式 柱子宽度：设置柱子的宽度。 柱子圆角度：设置柱子的圆角度。 系列间距：设置多个系列间的距离。 图2 柱子样式-折线柱图 边距 顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。
图表位置：设置图表在画布中的位置。单位为px。 全局样式 字体：设置图表中文字的字体。 柱子样式 柱子宽度：设置柱子的宽度。 柱子圆角度：设置柱子的圆角度。 系列间距：设置多个系列间的距离。 边距 顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。
若选择类型为单选，初始化值和“数据”页签中的id是一致。例如初始化值为1，Tab1列表会点亮。 若选择类型为多选，初始化值和“数据”页签中的id是一致。初始化值可设置为多个，例如“1;2”，Tab1和Tab2的列表都会点亮。 标签配置 字号：设置组件文本的字号大小。 字体颜色：设置组件文本的字体颜色。 字体粗细：设置组件文本的字体粗细。
发布大屏。大屏开发完成后，您可以通过发布功能向其他用户分享大屏。详细介绍请参见发布大屏。 9 面板控制区 用于控制整个大屏开发面板显示或隐藏的区域。 10 排列布局 可以选中多个组件对组件进行排列布局。 编辑大屏 登录DLV控制台。 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。
js为例，介绍如何调用DLV提供的SDK在第三方应用程序中集成DLV大屏。 Node JS示例如下： 在第三方应用程序的服务端代码中，新建一个*.js文件，定义一个接口参考用于集成到第三方系统的大屏URL生成DLV大屏URL。 服务端代码getDlvURL.js示例如下： 1 2 3
图表位置：设置图表在画布中的位置。单位为px。 全局样式 字体：设置图表中文字的字体。 柱子样式 柱子宽度：设置柱子的宽度。 柱子圆角度：设置柱子的圆角度。 系列间距：设置多个系列间的距离。 边距 顶部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。 底部：设置图表与图层顶部的间距，可以通过输入数值或单击调节。
据源需要配置）。 网络ID ECS机器使用的VPC子网的网络地址（仅ECS自建数据源需要配置）。 安全组ID ECS机器使用的安全组ID，多个id需使用逗号隔开（仅ECS自建数据源需要配置）。 图2 VPC连接参数 单击“确定”完成添加。 添加完成后即可通过“我的数据 > 新建数
图表位置：设置图表在画布中的位置。单位为px。 全局样式 字体：设置图表中文字的字体。 柱子样式 柱子宽度：设置柱子的宽度。 柱子圆角度：设置柱子的圆角度。 系列间距：设置多个系列间的距离。 图2 柱子样式-水平正负柱图 值标签 显示/隐藏值标签：单击“值标签”右侧的勾选框，表示显示值标签，表示隐藏值标签。 字号：设置值标签的字号大小。
数据映射：台阶图的数据格式包含3个字段： x：类目，对应横坐标x轴。 y：数据，对应纵坐标y轴。 s：系列，可以将s字段的某个值设置为一个系列，允许添加多个系列，并且每个系列的数值可以映射到不同的纵坐标上。 单击s字段右侧的按钮可添加一个系列。对于已经添加的系列，单击某个系列右侧的按钮可删除该系列。
x：类目，对应横坐标x轴。该字段的数据类型需要与 x坐标配置项中的“数据类型”保持一致。 y：数据，对应纵坐标y轴。 s：系列，可以将s字段的某个值设置为一个系列，允许添加多个系列，并且每个系列的数值可以映射到不同的纵坐标上。 单击s字段右侧的按钮可添加一个系列。对于已经添加的系列，单击某个系列右侧的按钮可删除该系列。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
