检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
交互 全屏 iFrame 搜索 时间轴 Tab列表 Tab页签 地理搜索 父主题: 组件指南
准备工作 注册账号并实名认证 购买DLV套餐包 (可选)创建工作空间 授权IAM用户使用DLV
管理数据连接 新建数据连接 编辑数据连接 查找数据连接 删除数据连接 管理VPC连接
图表位置:设置图表在画布中的位置。单位为px。 图1 全屏 全局样式 全屏显示:设置全屏显示的按钮图标,用户可以从本地上传图标素材。 退出全屏:设置退出全屏的按钮图标,用户可以从本地上传图标素材。 背景色:设置图标的背景颜色。 圆角:设置图标背景的形状。圆角值为50%,显示为圆形;圆角值为0%时,显示为正方形。
框类型可选择为实线、虚线、点划线。 数据 value:组件在搜索框中默认显示的文本。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。
如何使用DLV 使用流程 快速搭建大屏(交互功能)
锁定组件 本章节介绍如何锁定和解锁画布中的组件。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“锁定”,或在图层区右键单击选中某一个组件,选择“锁定”。 图2 画布中锁定组件
删除组件 本章节介绍如何删除画布中的组件,删除后的组件将无法恢复,请谨慎操作。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“删除”,或在图层区右键单击选中某一个组件,选择“删除”
管理图层 开发大屏过程中,如果在画布中布局或嵌套多个组件时,图层功能可以帮助您快速定位某一个组件。 修改组件的图层位置 方式一:选中图层列表中某一个组件,拖动组件至指定的图层。 图1 修改组件图层(方式一) 方式二:右键单击画布中的组件,选择置顶、置底、上移一层、下移一层。 图2
value:预览或发布大屏时,标题组件在大屏中显示的文本。 href:文本链接地址。预览或发布大屏时,单击“value”文本,跳转到对应的链接地址。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数
首行缩进:输入数值或拖动,调整文字的每一行之间的间距。 数据 value:大屏中显示的文本。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。
样式 缩放模式:单击下拉选项,设置缩放模式的类型。可选择为默认、按比例缩放、裁剪缩放、拉伸缩放。 样式:设置装饰的样式,系统已预置多种样式供用户选择。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 父主题: 素材
隐藏组件 本章节介绍如何隐藏和显示画布中的组件。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“隐藏”,或在图层区右键单击选中某一个组件,选择“隐藏”。 图2 画布中隐藏组件
组件概述 DLV提供了丰富的组件,目前支持以下几种类型的组件: 常用图表 地图 媒体 文本 关系网络图 素材 交互 其他 常用图表 您可以在常用图表中选择需要的常用组件,包括线状图、柱状图、饼状图、单值百分比、玫瑰图、雷达图、散点图、气泡图、水位图、区域排行、折线柱图、水平柱状图
拷贝组件 本章节介绍如何拷贝画布中的组件,拷贝后的组件包含原组件的样式、数据、交互配置信息。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“拷贝”,或在图层区右键单击选中某一个组件,选择“拷贝”
地图 基础平面地图 世界地图 3D世界地图 3D中国地图 3D世界地图(2019) 3D中国地图(2019) 地球 高级地球 父主题: 组件指南
数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 url:播放视频的链接地址,以mp4格式结尾,例如http://xxx.mp4(xxx为具体链接地址)。
使用流程 开发大屏前,您需要先了解DLV的使用流程,如图1所示。流程中所有操作都可以在DLV控制台完成。 图1 使用流程 建数据连接:连接数据大屏所需的数据源,如果您使用的是静态数据,请跳过该步骤。 建数据大屏:使用模板来创建数据大屏。 编辑数据大屏:对数据大屏进行开发,包括组件的样式、数据、交互配置,以及图层管理。
description:图片的描述。 url:图片的地址。支持OBS桶中的图片地址,OBS桶中的图片需设置为公共读策略。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。
粗细:输入数值或拖动设置飞线的粗细。 颜色:单击颜色编辑器设置飞线的颜色。 图7 飞线-地球 数据 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。