检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何使用DLV 使用流程 快速搭建大屏(交互功能)
锁定组件 本章节介绍如何锁定和解锁画布中的组件。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“锁定”,或在图层区右键单击选中某一个组件,选择“锁定”。 图2 画布中锁定组件
删除组件 本章节介绍如何删除画布中的组件,删除后的组件将无法恢复,请谨慎操作。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“删除”,或在图层区右键单击选中某一个组件,选择“删除”
管理图层 开发大屏过程中,如果在画布中布局或嵌套多个组件时,图层功能可以帮助您快速定位某一个组件。 修改组件的图层位置 方式一:选中图层列表中某一个组件,拖动组件至指定的图层。 图1 修改组件图层(方式一) 方式二:右键单击画布中的组件,选择置顶、置底、上移一层、下移一层。 图2
标题 本章节主要介绍标题组件各配置项的含义。 图1 标题 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 新窗口:单击“新窗口”右侧的勾选框,表示显示新窗口,表示隐藏新窗口。在“数据”页签中配置了href时,勾选后,单击Title可以新建一个窗口。
文本 本章节主要介绍文本组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 文本 全局样式 溢出滚动:勾选后,如果文本溢出,会自动滚动播放。 滚动时间:输入数值或单击,设置文本滚动的时间。只有当勾选了溢出滚动后,此配置项才生效
装饰 本章节主要介绍装饰组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 装饰 样式 缩放模式:单击下拉选项,设置缩放模式的类型。可选择为默认、按比例缩放、裁剪缩放、拉伸缩放。 样式:设置装饰的样式,系统已预置多种样式供用户选择。
隐藏组件 本章节介绍如何隐藏和显示画布中的组件。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“隐藏”,或在图层区右键单击选中某一个组件,选择“隐藏”。 图2 画布中隐藏组件
准备工作 注册账号并实名认证 购买DLV套餐包 (可选)创建工作空间 授权IAM用户使用DLV
约束与限制 使用DLV前,您需要认真阅读并了解以下使用限制: DLV支持的区域,请参见DLV产品价格详情中开放购买的区域。 DLV服务目前仅支持在PC端使用,其他终端平台不能保证兼容性。 建议使用支持的浏览器版本登录DLV。 Google Chrome:59及以上版本 DLV不支持CDM(CDM
图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 背景色:单击颜色编辑器设置图表的背景色。 不透明度:输入数值或拖动设置图表的不透明度。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部
如何配置交互功能? 交互功能可以实现图表联动,通过组件之间参数的传递来实现,单击某一个图表,另外一个图表的数据可以进行相应的变化。 例如,开启地理搜索组件的交互功能,并设置字段name映射为area,如图1所示: 图1 配置字段映射(示例) 那么就可以在其他的组件中将name当做
使用流程 开发大屏前,您需要先了解DLV的使用流程,如图1所示。流程中所有操作都可以在DLV控制台完成。 图1 使用流程 建数据连接:连接数据大屏所需的数据源,如果您使用的是静态数据,请跳过该步骤。 建数据大屏:使用模板来创建数据大屏。 编辑数据大屏:对数据大屏进行开发,包括组件的样式、数据、交互配置,以及图层管理。
轮播图 本章节主要介绍视频组件各配置项的含义。 样式 图1 轮播图 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 设置图片标题的字体和字号。 动画 停顿:设置图片停顿显示的时长。 速度:设置图片切换的速度。 特效:设
iFrame 本章节主要介绍iFrame组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 iFrame 数据 url:iframe组件的链接地址。 数据源类型:选择图表的数据源。系统提供了多种数据
漏斗图 本章节主要介绍漏斗图组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 漏斗图 全局样式 字体:设置组件文本的字体类型。 布局类型:设置组件的布局类型。可选择设置为左对齐、右对齐、居中对齐。
间单位为毫秒。 图2 内容-轮播列表柱状图 柱子样式 背景:设置柱子的背景颜色。 颜色:单击颜色编辑器设置柱子的颜色。 高度:输入数值或单击设置柱子的高度。 流光 颜色:单击颜色编辑器设置流光的颜色。 长度:流光的长度。 高度:流光的高度。 值标签:显示或隐藏值标签。显示时,数据