检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在“图片”后显示“url”的框中输入图片的地址。 单击“图片”下方的虚线框,选择图片。 直接拖动图片至“图片”下方的虚线框中。 图片选择后,您也可以进行编辑和删除操作。单击图片区域的可以删除当前图片,单击可以修改当前图片。 缩放模式:单击下拉选项,可以设置图片的缩放模式。可设置为默认、按比例缩放、裁剪缩放、拉伸缩放。
全局样式 设置图片标题的字体和字号。 动画 停顿:设置图片停顿显示的时长。 速度:设置图片切换的速度。 特效:设置图片切换的特效,支持水平滚动、垂直滚动。 图片 设置图片使用的缩放模板,支持默认比例、按比例缩放、裁剪缩放、拉伸缩放。 描述 背景色:设置图片标题的背景色。 字体颜色:设置图片标题的字体颜色。
设置组件链接交互实现下钻功能 在DLV中可以设置链接交互实现下钻功能,链接交互是为了满足用户在点击组件时可以打开一个超链接所指定的页面,在超链接中,用户可以指定一个或多个交互变量,系统可以将组件上所点击的数据作为变量值传递给超链接,从而实现下钻展示相关详情信息的功能。 设置链接交互实现下钻功能
图表位置:设置图表在画布中的位置。单位为px。 图1 自定义背景组件 全局样式 背景色:单击颜色编辑器设置背景颜色。 背景图:设置组件的背景图片,您可以从本地上传图片素材。 缩放模式:单击下拉选项设置背景图片的缩放模式。可以选择为默认模式、按比例缩放、裁剪缩放、拉伸缩放。 羽化:输入数值或单击设置背景组件的边缘虚
显示名:组件包在组件列表中的显示名,可随时修改。显示名只能包含字母、数字、下划线、中划线、中文字符,且长度不超过32个字符。 封面:点击上传组件包封面图片,图片大小不超过1MB,仅支持png/jpeg/jpg/bmp格式。 描述:组件包的相关描述信息,长度不超过200个字符。 图2 新建组件包 开发自定义组件
饼状图 本章节主要介绍饼状图组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 尺寸位置-饼状图 全局样式 字体:设置图表中文字的字体。 标签属性 显示/隐藏标签属性:单击“标签属性”右侧的勾选框,表示显示标签属性,表示隐藏标签属性。
数据转换器名称只能包含字母、数字、下划线、中划线、中文字符,且长度不超过32个字符。 单击转换器名称可以展开转换器代码区,进行代码编辑与运行。 在区域“1”的代码编辑区中编写js代码。 在区域“2”的原始数据区输入需要处理的数据。系统会将原始数据传入代码编辑器的“data”中进行编译。 单击代码编辑区的图标运行代码
柱状图 本章节主要介绍柱状图组件各配置项的含义。 图1 柱状图 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 柱子样式 柱子宽度:设置柱子的宽度。 柱子圆角度:设置柱子的圆角度。 系列间距:设置多个系列间的距离。
快速搭建大屏(交互功能) 用户可以通过交互功能实现大屏内组件间数据联动。 本示例通过地理搜索、柱状图,演示如何实现组件之间数据联动。基本流程如下: 添加和配置组件 预览和发布大屏 前提条件 已登录DLV控制台,并使用空白模板创建一个大屏。 添加和配置组件 打开大屏开发页面,在左侧组件中心,选择“交互
水平叠加柱状图 本章节主要介绍水平叠加柱状图组件各配置项的含义。 图1 水平叠加柱状图 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 系列间距:设置图表系列之间的间距。 边距 顶部
媒体 图片 视频 轮播图 FLV视频流播放器 RTMP视频流播放器 父主题: 组件指南
如何配置交互功能? 交互功能可以实现图表联动,通过组件之间参数的传递来实现,单击某一个图表,另外一个图表的数据可以进行相应的变化。 例如,开启地理搜索组件的交互功能,并设置字段name映射为area,如图1所示: 图1 配置字段映射(示例) 那么就可以在其他的组件中将name当做
图2 图例-关系网络图 数据 nodes:设置节点,包含以下三个字段。 name:节点的标签名。 imgPath:图片的链接地址。如果节点需要使用图片,可设置此参数值为图片的链接地址。如果此参数的值为空,节点显示为默认的圆形。 category:节点的数据系列字段,数据将根据category字段的值进行分组。
选中画布,在右侧的“页面设置”面板中设置大屏参数。 屏幕大小:画布的宽度和高度。单位为px。 背景色:大屏的背景色。 背景图:用户可以上传自定义图片作为大屏的背景图。如果未设置该配置项,则默认无背景图。 缩放模式:大屏的缩放模式。 缩略图:单击“截取封面”可以截取大屏的缩略图作为大屏的
2-20190426版本 新增功能 无 优化功能 发布分享,默认需要设置密码,密码设置不不符合密码规则,分享链接不生成 图片、js、css这些静态文件放到cdn上加速,修复部分图片加载问题 修复缺陷 重复打开已分享的大屏,编辑后再次分享时密码会被重置问题 创建DLI类型的数据连接,没有se
地图 地图类型的组件包括基础平面地图、世界地图、3D世界地图、3D中国地图、地球、高级地球。 图2 地图类型组件 媒体 媒体类型的组件包括图片、轮播图、视频、RTMP视频流播放器、FLV视频流播放器 图3 媒体类型组件 文本 文本类型的组件包括标题、文本、词云、时间器、表格轮播、
组件开发包文件介绍 Index.js规范 gui.json规范 UI类型介绍
toUpperCase(); } DLV SDK介绍 DLV服务提供了两个SDK包,分别为dlv.js、dlv.min.js。两个SDK包实现的功能一致,只是使用方式不同。 dlv.js:模块化SDK包,通过require、import导入。 下载地址:https://dlv-dev-tools