华为云用户手册

新建DWS数据源连接 登录 DLV 管理控制台。 在左侧导航树上，单击“我的数据”。 在“我的数据”页面，单击页面最上方的工作空间下拉列表并选择所需访问的工作空间，然后单击“新建数据连接”。 图1 新建连接 在“新建数据连接”窗口中，选择数据源类型“ 数据仓库服务 DWS ”，然后配置相关参数。 图2 新建DWS数据连接 表1 DWS数据连接参数 参数名 说明 名称 数据连接的名称，只能包含英文字母、中文、数字、“-”、“_”，且长度为1~32个字符。 集群名 选择可用的DWS集群。如需新建DWS集群，单击列表框后方的“创建集群”。 域名 选择DWS集群后，自动匹配数据库的内网域名，支持修改。 端口 选择DWS集群后，自动匹配数据库端口，支持修改。 用户名 填写数据库的用户名。该数据库用户需要有数据表的读取权限，以及对元数据的读取权限。 密码 填写数据库用户的密码。 连接代理 选择可用的连接代理。如需使用VPC连接，请先参考管理VPC连接创建VPC连接。 选择可用的 CDM 集群。如需查看CDM集群列表，单击列表框后方的“查看Agent”。 说明： DWS为非全托管服务，DLV无法直接与非全托管服务进行连接。CDM集群提供了DLV与非全托管服务通信的代理。 数据库名 单击“获取数据库”，在列表框中选择数据库。 说明： 若无法选择数据库，请先确认数据库用户名、密码输入是否正确。然后请确认安全组已配置放通数据库连接的规则。再确保连接的CDM代理与数据库实例在同一个VPC中。若依然不能解决请联系技术支持处理。 当前DLV暂时不支持连接CDM 2.9以上版本集群作为代理。 填写完数据源信息后，单击“确定”即可完成DWS数据连接的添加。

新建 DLI 数据源连接 登录DLV管理控制台。 在“我的数据”页面，单击页面最上方的工作空间下拉列表并选择所需访问的工作空间，然后单击“新建数据连接”。 图1 新建连接 在“新建数据连接”窗口中，选择数据源类型“ 数据湖探索 DLI”，然后配置相关参数。 图2 新建DLI数据连接 连接DLI时，参数说明请参见表1。 表1 DLI数据连接参数 参数名 说明 名称 数据连接的名称，只能包含英文字母、中文、数字、“-”、“_”，且长度为1~32个字符。 数据库名 单击“获取数据库”，在列表框中选择数据库。 资源队列 选择可用的DLI资源队列。DLI预置的资源队列“default”，仅用于客户体验。 委托授权 首次创建DLI的数据连接时，需要您同意访问DLI（ 数据湖 探索）委托授权。授权成功后，再次创建DLI的数据连接时，将不再提示您委托授权。 填写完数据源信息后，单击“确定”即可完成DLI数据连接的添加。

使用API网关数据源 登录DLV管理控制台。 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 图3 编辑大屏 从左侧组件库中选择一个组件，例如“柱状图”，该组件将出现在画布中。单击该组件，再单击屏幕右侧的“数据”面板。 在“数据”面板中，设置如下参数。 数据源类型：设置为“API网关”。 选择已有数据连接：选择一个您已创建好的API网关数据连接。 请求方式：选择API网关请求的方式。 URL：在下方编辑框内填写请求的URL地址。 图4 设置API网关数据连接 单击“预览结果”，数据响应成功后即可看到结果。

操作步骤 登录DLV控制台。 在“我的大屏”页面，选择大屏排序方式，在搜索框中输入需要搜索的大屏名称或关键字，然后单击搜索按钮。 图1 搜索大屏 例如，在搜索框中输入“screen”进行搜索，大屏名称中含有“screen”的大屏都会被搜索出来。 “我的大屏”页面支持以下三种排序方式。 按名称排序：对大屏名称按字母升序进行排序。 按创建时间排序：对大屏按照创建时间的降序进行排序，最新创建的大屏排在最前面。 按修改时间排序：对大屏按照修改时间的降序进行排序，最近修改的大屏排在最前面。

新建API网关数据连接 登录DLV管理控制台。 在“我的数据”页面，单击页面最上方的工作空间下拉列表并选择所需访问的工作空间，然后单击“新建数据连接”。 图1 新建连接 在“新建数据连接”窗口中，选择数据源类型为“API网关”，并配置相关参数。 图2 API网关 表1 API网关数据连接参数 参数名 说明 名称 数据连接的名称，只能包含英文字母、中文、数字、“-”、“_”，且长度为1~32个字符。 AppKey 填写APP访问密钥ID。当用户的API网关认证方式是APP认证时，填写准确的AppKey值；使用其他认证方式时，可填写任意字符，确保该输入框非空即可。 AppSecret 填写与访问密钥ID结合使用的密钥。当用户的API网关认证方式是APP认证时，填写准确的AppSecret值；使用其他认证方式时，可填写任意字符，确保该输入框非空即可。 单击“确定”完成API网关数据连接的添加。

辅助线 添加辅助线： 当画布左上角的按钮显示为状态时，将鼠标移至画布顶端或左侧的标尺处，当鼠标变为双向箭头且画布中出现一条红色辅助线时，单击鼠标左键就可以添加一条红色的辅助线。在画布中可以添加多条水平或垂直的辅助线。 图6 辅助线 调整辅助线的位置： 在画布中，将鼠标移至某一条红色辅助线上，然后按住鼠标左键不放可以拖动辅助线，将它拖动到画布的其他位置后放开鼠标左键。在标尺上会显示辅助线距离画布左右/上下边界的距离。 显示/隐藏辅助线： 单击画布左上角的按钮，可以隐藏所有的辅助线，此时您无法添加辅助线。 辅助线被隐藏后，单击画布左上角的按钮，可以显示所有的辅助线，此时您也可以添加辅助线。 图7 显示/隐藏辅助线 删除辅助线： 在画布中，将鼠标移至某一条红色辅助线上，当鼠标变为双向箭头形状时，按住鼠标左键不放，拖动辅助线将它拖出画布区域（或单击鼠标右键并选择弹出菜单“删除”），就可以删掉辅助线。

编辑大屏 登录DLV控制台。 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 图2 编辑大屏 选中画布，在右侧的“页面设置”面板中设置大屏参数。 屏幕大小：画布的宽度和高度。单位为px。 背景色：大屏的背景色。 背景图：用户可以上传自定义图片作为大屏的背景图。如果未设置该配置项，则默认无背景图。 缩放模式：大屏的缩放模式。 缩略图：单击“截取封面”可以截取大屏的缩略图作为大屏的封面，然后在“我的大屏”页面查找大屏时，该大屏将显示此处截取的封面。 请合理谨慎使用截取封面功能，该功能可能使你的封面数据泄露！ 重置：单击“恢复默认背景”，大屏的“背景色”和“背景图”都将恢复为默认值。 贴合灵敏度：设置为“无”时，关闭贴合功能。设置为其他值时，使用鼠标拖拽一个组件靠近另一个组件或辅助线时，当两者之间的距离小于等于该参数所指定的距离时，该组件将自动与另一个组件或辅助线相贴合。单位为px。 允许导出： 勾选该参数后，可将大屏导出为图片或者PDF格式。 全局参数：用于设置交互全局参数。 图3 大屏页面设置 添加组件和管理组件。 在画布中添加所需要的组件，具体操作请参见管理组件。 管理图层。 完成组件的添加后，可以对图层进行管理，具体操作请参见管理图层。

大屏开发页面总览 登录DLV控制台，在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 在大屏开发页面中，您可以根据业务需求设计和开发大屏，完成添加组件、页面布局、关联数据源和发布大屏等操作。 图1 大屏开发页面 表1 功能区说明 序号 功能区 描述 1 组件区 在组件区，DLV提供了丰富的组件，用户可以选择所需要的组件添加到画布中。关于组件的详细介绍，请参见组件概述。 2 图层区 图层区可以显示大屏中的各个图层的名称及缩略图，这样可以方便查找图层。关于图层管理的详细介绍，请参见管理图层。 3 画布 大屏的画布。 4 画布缩放控制条 使用鼠标拖动缩放控制条，或单击、按钮，可以放大或缩小画布。 单击，可以让画布自适应屏幕大小。 5 横向标尺 当画布左上角的按钮显示为状态时，将鼠标移至横向标尺处，当鼠标变为双向箭头且画布中出现一条红色辅助线时，单击鼠标左键就可以添加一条红色的辅助线。 6 纵向标尺 当画布左上角的按钮显示为状态时，将鼠标移至纵向标尺处，当鼠标变为双向箭头且画布中出现一条红色辅助线时，单击鼠标左键就可以添加一条红色的辅助线。 7 配置面板 选中大屏或某个组件时，在配置面板中将显示相关的配置信息。 关于大屏的配置指导，请参见编辑大屏。 关于组件的配置指导，请参见组件指南。 8 发布区 发布区的各功能按钮说明如下： ：返回DLV控制台首页。在大屏开发页面所做的编辑修改，系统会自动保存。 ：预览大屏。在大屏开发过程中，您可以通过预览功能查看大屏的显示效果。详细介绍请参见预览大屏。 ：发布大屏。大屏开发完成后，您可以通过发布功能向其他用户分享大屏。详细介绍请参见发布大屏。 9 面板控制区 用于控制整个大屏开发面板显示或隐藏的区域。 10 排列布局 可以选中多个组件对组件进行排列布局。

发布组合大屏 登录DLV控制台。 进入“组合大屏”页面，找到需要发布的大屏，将鼠标移至该大屏图标之上，然后单击发布按钮。 图5 发布组合屏 在弹出的“发布”页面，配置发布参数。 图6 配置发布参数 发布状态 开启发布按钮（如图6所示），让其他用户也能访问该大屏。当大屏开启发布状态后，其他用户想要访问大屏时，不需要登录到DLV系统中，只要打开浏览器并在地址栏中输入“分享”参数中的链接就可以访问大屏了。 版本管理 设置用户通过分享链接访问大屏时，允许查看的大屏版本。 实时更新发布：当大屏内容有修改时，用户可以即时查看到最新的大屏内容。系统默认选项，不支持删除。 历史快照：将当前的大屏内容作为一个版本进行存档，存档后大屏内容的修改不会同步到该历史快照中。当某一个历史快照设置为“分享中”时，用户可以查看该版本的大屏内容。 分享密钥 设置大屏的分享方式。 公开分享：不设置密码访问和Token验证时，即为公开分享，用户通过分享链接直接访问大屏。DLV基础版只支持公开分享方式，不支持其他分享方式。 密码访问：在“设置访问密码”选项卡开启密码访问，开启后按钮显示为，然后在输入框中设置发布密码。设置密码成功后，用户在浏览器中通过分享链接访问大屏时，每次都需要输入该密码才能访问。 图7 输入发布密码 Token访问：在“设置Token验证”选项卡开启Token验证访问。 系统会随机生成验证码，您需要记录下这个Token。 图8 设置Token验证 在这个时候，如果您尝试直接打开您所分享的页面，您会收到一个认证失败提示。表示您的访问被拒绝了。 如果您想要打开您所分享的页面，需要完成如下几个步骤： 为了防止重放攻击，请确保您的服务器时间为东8区标准时间，DLV只会提供1分钟的误差，如果时间误差超过1分钟将会验证失败。 发布大屏，记录分享的大屏编码（分享链接中share后面的一串字符串）。 将大屏编码和当前时间（毫秒）连起来，并用 |（竖线）分隔开。 使用 token 通过 HMAC-SHA256 base64 对3.b中的字符串进行加密。 将时间和加密后的签名分别命名为dlv_time，dlv_signature。 将它们依次放入分享链接的querystring中。 示例如下： Java: package com.test; import java.security.*; import javax.crypto.*; import javax.crypto.spec.SecretKeySpec; import org.apache.commons.codec.binary.Base64; import java.net.URLEncoder; public class ShareWithTokenTest { public static void main(String[] args) throws Exception { System.out.println(getShareUrlWithToken("b668e3b44722467a9477b5b888211bca", "nrU4iher1tyy1C7Jenni3pzJxeIlPz8P")); } public static String getShareUrlWithToken(String shareID, String token){ long time = System.currentTimeMillis(); String data = shareID + "|" + time; String signature = HMA CS HA256(data.getBytes(), token.getBytes()); String url = "https://console.huaweicloud.com/dlv/vision/combo/share/?id="+shareID +"&dlv_time="+time+"&dlv_signature="+ signature+"&locale=zh-cn®ion=cn-north-4"; return url; } //采用HmacSHA256进行签名 public static String HMACSHA256(byte[] data, byte[] key) { try { SecretKeySpec signingKey = new SecretKeySpec(key, "HmacSHA256"); Mac mac = Mac.getInstance("HmacSHA256"); mac.init(signingKey); return URLEncoder.encode(Base64.encodeBase64String(mac.doFinal(data))); } catch (NoSuchAlgorithmException e) { e.printStackTrace(); } catch (InvalidKeyException e) { e.printStackTrace(); } return null; } } 上述代码中的以下参数，请根据实际情况进行替换：System.out.println(getShareUrlWithToken("b668e3b44722467a9477b5b888211bca", "nrU4iher1tyy1C7Jenni3pzJxeIlPz8P")中的b668e3b44722467a9477b5b888211bca为分享链接中share后的参数，nrU4iher1tyy1C7Jenni3pzJxeIlPz8P为分享密钥中的参数。String url = "https://console.huaweicloud.com/dlv/vision/combo/share/?id="+shareID +"&dlv_time="+time+"&dlv_signature="+ signature+"&locale=zh-cn®ion=cn-north-4"中的locale=zh-cn为语言标识，英文为en-us；region=cn-north-4为服务所在区域，cn-north-4为华北-北京四，您也可以在华北-北京一和华南-广州区域中分享大屏。

创建组合大屏 登录DLV管理控制台。 单击左上角的工作空间下拉列表，在弹出的工作空间面板中，单击需要访问的工作空间，就可以切换到该工作空间。 图1 切换工作空间 在“组合大屏”页面，单击“新建组合屏”。 在新建组合大屏页面，至少选择2个大屏，然后单击“下一步”。 图2 选择屏幕 在屏幕排序页面，单击或调整屏幕的先后顺序，然后单击“下一步”。 图3 屏幕排序 设置组合大屏的名称及相关参数，然后单击“创建”完成组合大屏的创建。 组合屏名称：只能包含字母、数字、下划线、中划线、中文字符，且长度不超过32个字符。 屏幕左右翻页按钮：若选中该选项，在查看大屏时，就可以单击屏幕左右两侧的翻页按钮切换屏幕。 屏幕底部导航：若选中该选项，在查看大屏时，就可以单击屏幕底部的导航按钮切换屏幕。 上述两个选项至少要选中一项，否则，在查看大屏时，将无法切换屏幕。 图4 组合屏设置

新建 云搜索服务 Elasticsearch数据连接 登录DLV管理控制台。 在“我的数据”页面，单击页面最上方的工作空间下拉列表并选择所需访问的工作空间，然后单击“新建数据连接”。 图1 新建连接 在“新建数据连接”窗口中，选择数据源类型“ 云搜索 服务 Elasticsearch”，然后配置相关参数。 连接云搜索服务 Elasticsearch时，相关参数如表1所示。 图2 新建云搜索服务 Elasticsearch数据连接 表1 云搜索服务 Elasticsearch数据连接参数 参数名 说明 名称 数据连接的名称，只能包含英文字母、中文、数字、“-”、“_”，且长度为1~32个字符。 集群名 填写所需连接的云搜索服务 Elasticsearch集群名。 域名 填写所需连接的的云搜索服务 Elasticsearch集群的内网地址。 端口 填写所需连接的云搜索服务 Elasticsearch集群的端口。 安全模式 开启或关闭所需连接的云搜索服务 Elasticsearch集群的安全模式，默认关闭。 用户名 当“安全模式”开启时参数有效，填写云搜索服务 Elasticsearch集群的管理员账户名，默认为admin。 密码 当“安全模式”开启时参数有效，填写云搜索服务 Elasticsearch集群的管理员密码。 连接代理 选择可用的连接代理，如VPC连接、CDM代理、公有网络。如需使用VPC连接，请先参考管理VPC连接创建VPC连接。 说明： 云搜索服务 Elasticsearch服务为非全托管服务，DLV无法直接与非全托管服务进行连接。CDM集群提供了DLV与非全托管服务通信的代理。 schema 填写一个不与index重名的映射名称。 填写完数据源信息后，单击“确定”即可完成云搜索服务 Elasticsearch数据连接的添加。

使用静态数据 登录DLV控制台，单击“我的大屏”。 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 从左侧组件库中选择一个组件，例如“柱状图”，该组件将出现在画布中。单击该组件，再单击屏幕右侧的“数据”面板。 在“数据”面板中，设置“数据源类型”为“静态数据”。 图2 静态数据源 将JSON格式的静态数据粘贴在下方的数据编辑区域中。 图3 编辑静态数据 配置字段映射。本示例需要配置“x”映射为“x”，“y”映射为“y”，“s”映射为“s”。单击“s”右侧的增加两个系列值“1”和“2”，并配置不同的显示颜色。 图4 配置映射及图形颜色 配置完成后的大屏组件效果如下图所示。 图5 大屏效果图

新建PostgreSQL数据连接 登录DLV管理控制台。 在“我的数据”页面，单击页面最上方的工作空间下拉列表并选择所需访问的工作空间，然后单击“新建数据连接”。 图1 新建连接 在“新建数据连接”窗口中，选择数据源类型“PostgreSQL”，然后配置相关参数。 图2 新建PostgreSQL数据连接 连接PostgreSQL时，相关参数如表1所示。 表1 PostgreSQL数据连接参数 参数名 说明 名称 数据连接的名称，只能包含英文字母、中文、数字、“-”、“_”，且长度为1~32个字符。 域名 填写数据库的地址。 端口 填写数据库端口。 用户名 填写数据库的用户名。该数据库用户需要有数据表的读取权限，以及对元数据的读取权限。 密码 填写数据库用户的密码。 连接代理 选择可用的连接代理，如VPC连接、CDM代理、公有网络。 说明： PostgreSQL为非全托管服务，DLV无法直接与非全托管服务进行连接。CDM集群提供了DLV与非全托管服务通信的代理。 数据库名 单击“获取数据库”，在列表框中选择数据库。 填写完数据源信息后，单击“确定”即可完成PostgreSQL数据连接的添加。

新建Elasticsearch数据连接 登录DLV管理控制台。 在“我的数据”页面，单击页面最上方的工作空间下拉列表并选择所需访问的工作空间，然后单击“新建数据连接”。 图1 新建连接 在“新建数据连接”窗口中，选择数据源类型“Elasticsearch”，然后配置相关参数。 图2 新建Elasticsearch数据连接 连接Elasticsearch时，相关参数如表1所示。 表1 Elasticsearch数据连接参数 参数名 说明 名称 数据连接的名称，只能包含英文字母、中文、数字、“-”、“_”，且长度为1~32个字符。 域名 填写所需连接的Elasticsearch集群的内网访问地址。 端口 填写所需连接的Elasticsearch集群的端口。 安全模式 开启或关闭所需连接的Elasticsearch集群的安全模式，默认关闭。 用户名 当“安全模式”开启时参数有效，填写Elasticsearch集群的管理员账户名。 密码 当“安全模式”开启时参数有效，填写Elasticsearch集群的管理员密码。 连接代理 选择可用的连接代理，如VPC连接、CDM代理、公有网络。 说明： Elasticsearch服务为非全托管服务，DLV无法直接与非全托管服务进行连接。CDM集群提供了DLV与非全托管服务通信的代理。 schema 填写一个不与索引重名的映射名称。 填写完数据源信息后，单击“确定”即可完成Elasticsearch数据连接的添加。

前提条件 拥有DLV FullAccess和VPCEndpoint Administrator权限的用户或拥有Tenant Administrator权限的用户，才具备创建/删除VPC连接的权限。 Tenant Administrator权限具有所有云服务的管理员权限（除 IAM 管理权限之外），为安全起见，一般不建议给IAM用户授予该权限，请谨慎操作。 待连接的数据源实例已经完成创建。 已配置对应的安全组规则，具体操作如下： 确认弹性云服务器使用的网卡安全组是否正确。 在弹性云服务器详情页面查看网卡使用的安全组。 查看安全组入方向是否已放行198.19.128.0/17网段的地址，如果没有放行，请添加198.19.128.0/17网段的入方向规则，用户可根据自己的实际业务场景添加入方向规则。 确认弹性云服务器网卡所在子网的网络ACL不会对流量进行拦截。 在虚拟私有云页面左侧如果可以进行网络ACL配置，请确认 VPC终端节点 涉及的子网已放通。

新建云数据库 GaussDB 数据连接 登录DLV管理控制台。 在“我的数据”页面，单击页面最上方的工作空间下拉列表并选择所需访问的工作空间，然后单击“新建数据连接”。 图1 新建连接 在“新建数据连接”窗口中，选择数据源类型“云数据库 GaussDB”，然后配置相关参数。 图2 新建GaussDB数据连接 连接云数据库 GaussDB时，相关参数如表1所示。 表1 云数据库 GaussDB数据连接参数 参数名 说明 名称 数据连接的名称，只能包含英文字母、中文、数字、“-”、“_”，且长度为1~32个字符。 实例ID 选择数据库实例的ID。 域名 选择实例ID后，自动匹配数据库的内网地址，不支持修改。 端口 选择实例ID后，自动匹配数据库端口，不支持修改。 用户名 填写数据库的用户名。该数据库用户需要有数据表的读取权限，以及对元数据的读取权限。 密码 填写数据库用户的密码。 连接代理 选择可用的连接代理，如VPC连接、CDM代理、公有网络。如需使用VPC连接，请先参考管理VPC连接创建VPC连接。 说明： 云数据库 GaussDB为非全托管服务，DLV无法直接与非全托管服务进行连接。CDM集群提供了DLV与非全托管服务通信的代理。 填写完数据源信息后，单击“确定”即可完成GaussDB数据连接的添加。

数据 图2 RTMP视频流播放器-数据 url：视频流的公网地址。 数据源类型：选择图表的数据源。系统提供了多种数据源供用户选择，您需要先添加数据源，具体操作请参见数据连接概述。 数据转换器：选择数据转换器，可以将数据转换为符合展示需求数据，数据转换器的详细介绍，请参见使用数据转换器。 自动更新请求：勾选自动更新请求，并设置更新间隔后，数据将根据间隔时间自动轮询。 预览结果：单击“预览结果”，显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。

样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 Tab页签 全局样式 布局类型：设置页签的布局类型。可选择设置为横向、纵向。 对齐方式：设置页签的对齐方式，可以设置为顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。 页签宽度：设置页签的宽度。 页签高度：设置页签的高度。 页签间距：设置页签之间的距离。 初始值设置：设置初始显示显示的页签值。初始化值和“数据”页签中的id一致。例如初始化值为1，Tab1列表会点亮。 字体：设置组件文本的字体类型。 预览时隐藏：预览时是否隐藏组件。 未选中样式：未选中页签的背景色、背景图、文字颜色和字号。 选中样式：选中页签的背景色、背景图、文字颜色和字号。 始终动画：开启后，页签会随设置的时间动态变化。 页签配置：设置页签数量和页签名称。单击增加页签，单击删除页签。

大屏编辑页面 登录DLV控制台，单击“我的大屏”。 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 图2 编辑大屏 在画布中，选中其中一个组件，单击“数据”面板，在打开的数据面板中修改数据配置。 数据映射 当数据源返回的数据中属性名与字段相同时会自动完成映射，若数据复杂则需要手动输入返回的数据属性名称来配置映射。 图3 字段映射 自动更新 当自动更新请求被勾选时，会每隔一定时间向后台发送请求更新数据，您可在“更新间隔”处自定义发送请求的时间间隔。 图4 自动更新

使用数据转换器 创建一个大屏，进入大屏编辑页面。 在页面顶部单击“数据转换器”，页面底部显示数据转换器编辑区。 图1 数据转换器 在数据转换器编辑区单击“新建数据转换器”，并输入数据转换器名称。数据转换器创建成功后可通过鼠标悬浮在转换器行，单击名称右侧的重命名转换器，单击删除转换器，若“已关联组件”个数不为“0”，请先取消组件关联再删除。 数据转换器名称只能包含字母、数字、下划线、中划线、中文字符，且长度不超过32个字符。 单击转换器名称可以展开转换器代码区，进行代码编辑与运行。 在区域“1”的代码编辑区中编写js代码。 在区域“2”的原始数据区输入需要处理的数据。系统会将原始数据传入代码编辑器的“data”中进行编译。 单击代码编辑区的图标运行代码。会在区域“3”的转换数据区显示转换后的结果数据。 单击代码编辑区的图标将代码保存在转换器中。 图2 数据转换器编辑 将数据转换器与组件进行关联。 选择待关联数据转换器的组件，并切换到“数据”面板。 在“数据转换器”中选择已创建的转换器进行应用。 图3 选择数据转换器 若需要修改转换器代码，可单击“数据转换器”右侧的图标，打开底部转换器编辑浮层，可进行代码修改、运行、保存。其中原始数据区展示当前组件的请求响应数据或静态数据。

新建数据连接 登录DLV管理控制台。 在左侧导航树上，单击“我的数据”。 在“我的数据”页面，单击页面最上方的工作空间下拉列表并选择所需访问的工作空间，然后单击“新建数据连接”。 图1 新建连接 在“新建数据连接”对话框，在左侧数据源列表中选择一种数据源，然后配置数据源的相关参数。有关新建数据连接的更多信息，请参见数据连接概述。 例如，数据源类型选择“ 数据仓库 服务（DWS）”，配置数据源参数如表1所示。 图2 新建数据连接 表1 DWS数据连接参数 参数名 说明 名称 数据连接的名称，只能包含英文字母、中文、数字、“-”、“_”，且长度为1~32个字符。 集群名 选择可用的DWS集群。如需新建DWS集群，单击列表框后方的“创建集群”。 域名 选择DWS集群后，自动匹配数据库的内网域名，支持修改。 端口 选择DWS集群后，自动匹配数据库端口，支持修改。 用户名 填写数据库的用户名。该数据库用户需要有数据表的读取权限，以及对元数据的读取权限。 密码 填写数据库用户的密码。 连接代理 选择可用的连接代理。如需使用VPC连接，请先参考管理VPC连接创建VPC连接。 选择可用的CDM集群。如需查看CDM集群列表，单击列表框后方的“查看Agent”。 说明： DWS为非全托管服务，DLV无法直接与非全托管服务进行连接。CDM集群提供了DLV与非全托管服务通信的代理。 数据库名 单击“获取数据库”，在列表框中选择数据库。 说明： 若无法选择数据库，请先确认数据库用户名、密码输入是否正确。然后请确认安全组已配置放通数据库连接的规则。再确保连接的CDM代理与数据库实例在同一个VPC中。若依然不能解决请联系技术支持处理。 当前DLV暂时不支持连接CDM 2.9以上版本集群作为代理。 单击“确定”，保存并创建数据连接。

前提条件 已获取DWS数据源的地址、端口、用户名和密码。 为了使DLV大屏与DWS服务网络互通，您需要使用 云数据迁移 （CDM）集群作为网络代理。请确保在CDM服务中已有可用的集群，且CDM集群与DWS数据源必须处在相同的区域、可用区和VPC中，且两者还必须在相同安全组中或者安全组规则允许两者可以正常通信。 在CDM服务中，您只需要创建一个CDM集群，而不需要做其他任何操作。 为了使DLV大屏与DWS服务网络互通，您可以使用VPC连接作为网络代理。请先参考管理VPC连接创建VPC连接。

操作步骤 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件，选择“锁定”，或在图层区右键单击选中某一个组件，选择“锁定”。 图2 画布中锁定组件 图3 图层中锁定组件 组件锁定后，将无法移动和编辑。若想要重新编辑组件，选中图层列表中该组件，单击解锁组件或右键单击选择“解锁” ，解锁该组件。 图4 解锁组件

样式 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 图1 关系网络图 文字标签 显示/隐藏文字标签：单击“文本标签”右侧的勾选框，表示显示文字标签，表示隐藏文字标签。 字体：设置标签的字体。 字号：设置标签的字号。 颜色：设置标签的字体颜色。 字体粗细：设置标签的字体粗细。 位置：设置标签的位置。 连接线 颜色：设置连接线的颜色 粗细：设置连接线的粗细程度。 长度：设置连接线的长度。 类型：设置连接线的类型，可以设置为实线、虚线、点划线。 图例 显示/隐藏图例：单击“图例”右侧的勾选框，表示显示图例，表示隐藏图例。 文本：设置图例的字号、字体颜色、字体粗细。 布局：设置图例的位置、与图层间的边距、图例的间隔。 图2 图例-关系网络图

样式 图1 轮播图 尺寸位置 图表尺寸：设置图表的宽和高。单位为px。 图表位置：设置图表在画布中的位置。单位为px。 全局样式 设置图片标题的字体和字号。 动画 停顿：设置图片停顿显示的时长。 速度：设置图片切换的速度。 特效：设置图片切换的特效，支持水平滚动、垂直滚动。 图片 设置图片使用的缩放模板，支持默认比例、按比例缩放、裁剪缩放、拉伸缩放。 描述 背景色：设置图片标题的背景色。 字体颜色：设置图片标题的字体颜色。 字体粗细：设置图片标题的字体粗细。 长度(%)：设置图片标题的长度。 宽度(%)：设置图片标题的宽度。 上边距(px)：设置图片标题与组件图层之间的上边距。 左边距(px)：设置图片标题与组件图层之间的左边距。 对齐方式：设置图片标题的对齐方式，可设置为水平居中、左侧对齐、右侧对齐。 圆点 圆点颜色：设置图片待切换状态时，下方圆点的颜色。 当前颜色：设置图片正在显示状态时，下方圆点的颜色。

新建Oracle数据连接 登录DLV管理控制台。 在“我的数据”页面，单击页面最上方的工作空间下拉列表并选择所需访问的工作空间，然后单击“新建数据连接”。 图1 新建连接 在“新建数据连接”窗口中，选择数据源类型“Oracle”，然后配置相关参数。 图2 新建Oracle数据连接 连接Oracle时，相关参数如新建Oracle数据连接所示。 表1 Oracle数据连接参数 参数名 说明 名称 数据连接的名称，只能包含英文字母、中文、数字、“-”、“_”，且长度为1~32个字符。 域名 填写数据库的地址。 端口 填写数据库的端口。 用户名 填写数据库的用户名。该数据库用户需要有数据表的读取权限，以及对元数据的读取权限。 密码 填写数据库用户的密码。 服务名 填写数据库的service_name。 连接代理 选择可用的连接代理，如VPC连接、CDM代理、公有网络。 说明： Oracle为非全托管服务，DLV无法直接与非全托管服务进行连接。CDM集群提供了DLV与非全托管服务通信的代理。 填写完数据源信息后，单击“确定”即可完成Oracle数据连接的添加。

数据 图中的示例数据如下： [ { "description": "第一张图片文字描述", "url": "images/carousel/img1.png" }, { "description": "第二张图片文字描述", "url": "images/carousel/img2.png" }, { "description": "第三张图片文字描述", "url": "" }] description：图片的描述。 url：图片的地址。支持OBS桶中的图片地址，OBS桶中的图片需设置为公共读策略。 数据源类型：选择图表的数据源。系统提供了多种数据源供用户选择，您需要先添加数据源，具体操作请参见数据连接概述。 数据转换器：选择数据转换器，可以将数据转换为符合展示需求数据，数据转换器的详细介绍，请参见使用数据转换器。 自动更新请求：勾选自动更新请求，并设置更新间隔后，数据将根据间隔时间自动轮询。 预览结果：单击“预览结果”，显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。

使用CSV文件数据源 登录DLV控制台，单击“我的大屏”。 在“我的大屏”页面，找到需要编辑的大屏，将鼠标移至该大屏图标上，然后单击编辑按钮进入大屏开发页面。 图5 编辑大屏 从左侧组件库中选择一个组件，例如“柱状图”，该组件将出现在画布中。单击该组件，再单击屏幕右侧的“数据”面板。 在“数据”面板中，配置如下相关参数。 数据源类型：设置为“CSV文件”。 选择已有数据连接：选择一个您已创建好的CSV文件数据连接。 图6 选择CSV文件数据连接 单击“预览结果”，数据响应成功后可查看结果。 图7 查看数据响应结果 根据响应数据的属性名称配置字段映射。本示例中配置“x”为“name”，“y”为“age”,，“s”为留空或任意填写。 图8 配置映射关系 配置完成后的大屏组件效果如下图所示。 图9 大屏效果图

添加CSV文件数据源 登录DLV管理控制台。 在“我的数据”页面，单击页面最上方的工作空间下拉列表并选择所需访问的工作空间，然后单击“新建数据连接”。 图1 新建连接 在“新建数据连接”窗口中，选择数据源类型为“CSV文件”，并配置如下参数，然后单击“确定”。 图2 新建CSV数据连接 连接CSV文件时，相关参数如表1所示。 表1 CSV文件数据连接参数 参数名 说明 名称 数据连接的名称，只能包含英文字母、中文、数字、“-”、“_”，且长度为1~32个字符。 Access Key 填写访问密钥Access Key的值。请参见获取访问密钥（AK和SK）进行获取。 Secret Access Key 填写访问密钥Secret Access Key的值。请参见获取访问密钥（AK和SK）进行获取。 文件来源 支持本地文件和OBS文件两种方式。 文件路径 当“文件来源”选择“本地文件”时，单击“OBS”按钮，在弹出框中选择一个OBS目录，本地文件将会先被上传到该OBS目录中。配置示例如图3所示。 当“文件来源”选择“OBS文件”时，单击“OBS”按钮，在弹出框中选择存储在OBS桶中的CSV文件。配置示例如图4所示。 CSV文件的格式要求，请参见CSV文件格式说明。 请确保您已具有该配置项所指定的OBS桶的读、写权限。 文件 当“文件来源”选择“本地文件”时，单击“添加文件”，在弹出框中选择需要上传的本地CSV文件，当单击“确定”按钮时开始上传。CSV文件的格式要求，请参见CSV文件格式说明。 “文件来源”选择为“本地文件”时，配置示例如下： 图3 本地文件 “文件来源”为“OBS文件”时，配置示例如下： 图4 OBS文件

CSV文件格式说明 CSV文件数据源支持的CSV文件格式如下： CSV文件分隔符目前只支持英文逗号，编码格式为UTF-8（无BOM）格式。 大屏在使用CSV数据源时，默认将CSV文件的第一行解析为表头。 如果所需上传的CSV文件没有表头，您可以加上表头后再上传。或者，您也可以在大屏的数据源设置中勾选“添加默认表头”为CSV文件添加默认表头。 CSV文件中，如果字段的值用双引号引起来，双引号也会被解析为字段值的一部分，并且在大屏显示时，双引号会被转义的显示为“\"”，如果字段带有单引号则不影响。 例如，CSV文件中的记录如下，其中的"abc"，将显示为"\"abc\""。 1,"abc",2 一个CSV文件数据连接只能上传一个CSV文件，且文件大小不能超过10MB。当CSV文件大小超过10MB时，只能通过OBS客户端进行上传。