检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
本章节主要介绍Tab页签组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 Tab页签 全局样式 布局类型:设置页签的布局类型。可选择设置为横向、纵向。 对齐方式:设置页签的对齐方式,可以设置为顶部居中、顶部居左
设置URL参数交互 您可以通过在大屏的URL中设置hash参数的形式来设置参数值,将参数值传递到动态数据源(主要有API数据源或数据库类型的数据源)中查询相关数据,从而查看hash参数所指定的大屏数据。 设置URL参数交互功能 以下以API数据源和数据库类型的数据源为例,介绍如何实现URL交互功能。
本章节以Tab列表和线状图配合使用为例,介绍组件的交互配置。在DLV中组件交互配置是指某个组件在响应用户操作或者自动触发更新时,向其他组件传递参数,这个参数可以在其他组件中作为数据查询时的动态变量。当组件的“交互”页签支持勾选开启交互功能的事件及参数配置时表示该组件支持交互功能,否则不支持交互功能。
预览大屏 大屏开发过程中,您可以通过预览功能查看大屏的显示效果。 预览大屏的入口有如下两个: 在大屏开发页面右上方,单击预览图标。 图1 预览大屏(入口一) 在“我的大屏”页面,找到需要预览的大屏,将鼠标移动至该大屏图标之上,界面上将显示大屏的管理按钮,单击预览按钮。 图2 预览大屏(入口二)
开发大屏前,您需要先了解DLV的使用流程,如图1所示。流程中所有操作都可以在DLV控制台完成。 图1 使用流程 建数据连接:连接数据大屏所需的数据源,如果您使用的是静态数据,请跳过该步骤。 建数据大屏:使用模板来创建数据大屏。 编辑数据大屏:对数据大屏进行开发,包括组件的样式、数据、交互配置,以及图层管理。
组件概述 DLV提供了丰富的组件,目前支持以下几种类型的组件: 常用图表 地图 媒体 文本 关系网络图 素材 交互 其他 常用图表 您可以在常用图表中选择需要的常用组件,包括线状图、柱状图、饼状图、单值百分比、玫瑰图、雷达图、散点图、气泡图、水位图、区域排行、折线柱图、水平柱状图
打开大屏开发页面,在左侧组件中心,选择“交互 > 地理搜索”。 图1 选择地理搜索组件 在“样式”面板,配置地理搜索的样式,本示例使用默认样式。 图2 配置地理搜索样式 切换到“数据”面板,设置地理搜索组件的数据。 图3 设置地理搜索组件的数据 切换到“交互”面板,定义交互变量,并启用该变量。 图4 定义并启用交互变量
数据库端口的访问权限,允许CDM集群的地址访问。 CDM集群所在的安全组,入方向和出方向规则需允许PostgreSQL数据库地址和端口访问。 新建PostgreSQL数据连接 登录DLV管理控制台。 在“我的数据”页面,单击页面最上方的工作空间下拉列表并选择所需访问的工作空间,然后单击“新建数据连接”。
底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 x轴 显示/隐藏x轴:单击“x轴”右侧的勾选框,表示显示x轴,表示隐藏x轴。 文本:设置x轴的文本样式,包括字号、字体颜色、字体粗细、角度。
文本样式 字体:设置文本的字体。 字号:设置文本的字号。 文本间距:设置文本的文本间距 颜色:设置文本的字体颜色。 字体粗细:设置文本的字体粗细。 对齐方式:设置文本的对齐方式,可以设置为左侧、右侧、水平居中。 行高:输入数值或拖动,调整文字的每一行之间的间距。 首行缩进:输入数值或拖动,调整文字的每一行之间的间距。
对应计费套餐版本的功能和功能说明。 购买时长 选择计费套餐的购买时长。基础版的套餐只支持按年购买,高级版和专业版可以按月购买,也可以按年购买。 自动续费 选择是否自动续费。如勾选自动续费,按月购买的订单的续费周期为一个月,按年购买的订单的续费周期为一年。 须知: 该功能涉及自动扣费,使用前请了解该信息并谨慎使用。
底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 值标签 显示/隐藏值标签:单击“值标签”右侧的勾选框,表示显示值标签,表示隐藏值标签。 字号:设置值标签的字号大小。
什么是DLV DLV的优势 DLV的功能 DLV的应用场景 03 入门 DLV入门指导,帮助您快速搭建数据大屏,并且可以通过交互功能实现大屏内组件间数据联动。 如何使用DLV DLV使用流程 快速搭建数据大屏 05 实践 您可以通过以下案例进一步了解DLV的使用场景及操作步骤。 大屏开发实践
本章节主要介绍iFrame组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 iFrame 数据 url:iframe组件的链接地址。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,
顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 x轴 显示/隐藏x轴:单击“x轴”右侧的勾选框,表示显示x轴,表示隐藏x轴。
颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动画:组件第一次渲染动画的时长,单位为ms。 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。
本章节主要介绍键值表格组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 键值表格 全局样式 自适应:勾选时,表格会自动适应组件图层的高度。 字体:设置组件文本的字体样式。 左右间距:输入数值或拖动,设置表格的左右间距。
本章节主要介绍RTMP视频流播放器组件各配置项的含义。 图1 RTMP视频流播放器 样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。 图表位置:图表在画布中的位置。单位均为px。 视频流地址:视频流的公网地址。 数据 图2 RTMP视频流播放器-数据 url:视频流的公网地址。 数据源类型:选择图表的数据源。系
视频 数据 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 url:播放视频的链接地址,以mp4格式结尾,例如http://xxx