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