检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件区 在组件区,DLV提供了丰富的组件,用户可以选择所需要的组件添加到画布中。关于组件的详细介绍,请参见组件概述。 2 图层区 图层区可以显示大屏中的各个图层的名称及缩略图,这样可以方便查找图层。关于图层管理的详细介绍,请参见管理图层。 3 画布 大屏的画布。 4 画布缩放控制条 使
触发类型:设置提示信息的触发类型。 颜色:提示信息的字体颜色。 字号:提示信息的字体大小。 字体粗细:提示信息的字体粗细样式。 图5 提示信息 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动画:组件第一次渲染动画的时长,单位为ms。
字号:提示信息的字体大小。 字体粗细:提示信息的字体粗细样式。 图6 提示信息 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动画:组件第一次渲染动画的时长,单位为ms。 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。
颜色:轴线的颜色。 图3 x轴 - WT双轴线状图 y1轴 字号:轴标签文本的字体大小。 颜色:轴标签文本的字体颜色。 字体粗细:轴标签文本的字体粗细。 角度:轴标签文本的倾斜角度。 轴标签:显示或隐藏轴标签。开启时,可以设置以下参数: 显示格式:设置坐标轴刻度值的显示格式。
字号:提示信息的字体大小。 字体粗细:提示信息的字体粗细样式。 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动画:组件第一次渲染动画的时长,单位为ms。 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。
字体粗细:设置组件文本的字体粗细。 字体颜色:设置组件文本的字体颜色。 背景色:单击颜色编辑器设置组件的背景色。 边框:设置组件的边框样式,包括边框宽度、边框颜色和边框类型。 箭头颜色:设置组件的下拉箭头样式,包括箭头颜色、大小和右边距。 结果框样式 最大高度:输入数值或单击设置组件展开时下拉框的最大高度。
时间器 字体:设置组件中文本的字体样式。 字号:设置组件中文本的字号大小。 颜色:单击颜色编辑器设置组件中文本的颜色。 字体粗细:单击下拉框设置组件文本的字体粗细样式。 格式化:设置组件中时间显示的格式。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
居左、底部居右。 页签宽度:设置页签的宽度。 页签高度:设置页签的高度。 页签间距:设置页签之间的距离。 初始值设置:设置初始显示显示的页签值。初始化值和“数据”页签中的id一致。例如初始化值为1,Tab1列表会点亮。 字体:设置组件文本的字体类型。 预览时隐藏:预览时是否隐藏组件。
e可以新建一个窗口。 文本样式 字体:设置标题的字体。 字号:设置标题的字号。 文本间距:设置标题的文本间距 颜色:设置标题的字体颜色。 字体粗细:设置标题的字体粗细。 对齐方式:设置标题的对齐方式,可以设置为左侧、右侧、水平居中。 数据 上图中的示例数据如下: [ {
字号:设置组件文本的字号大小。 字体粗细:设置组件文本的字体粗细。 字体颜色:单击颜色编辑器设置组件文本的字体颜色。 背景色:单击颜色编辑器设置组件的背景色。 搜索按钮颜色:单击颜色编辑器设置搜索按钮的颜色。 边框:设置组件边框的宽度、边框颜色和边框类型。边框类型可选择为实线、虚线、点划线。
图1 常用图表 地图 地图类型的组件包括基础平面地图、世界地图、3D世界地图、3D中国地图、地球、高级地球。 图2 地图类型组件 媒体 媒体类型的组件包括图片、轮播图、视频、RTMP视频流播放器、FLV视频流播放器 图3 媒体类型组件 文本 文本类型的组件包括标题、文本、词云、时间
添加组件 创建大屏后,您可以在大屏上添加所需要的组件,DLV提供了丰富的可视化组件,帮助您快速开发大屏。本章节为您介绍如何在大屏中添加组件。 添加组件 登录DLV控制台。 在“我的大屏”页面,单击“新建大屏”。 在新建大屏页面,从左侧的场景模板中选择一个模板,例如,选择空白模板。然后输入大屏名称。
开发大屏过程中,如果在画布中布局或嵌套多个组件时,图层功能可以帮助您快速定位某一个组件。 修改组件的图层位置 方式一:选中图层列表中某一个组件,拖动组件至指定的图层。 图1 修改组件图层(方式一) 方式二:右键单击画布中的组件,选择置顶、置底、上移一层、下移一层。 图2 修改组件图层(方式二) 删除组件 在图层
名称 数据连接的名称,只能包含英文字母、中文、数字、“-”、“_”,且长度为1~32个字符。 实例ID 选择数据库实例的ID。 域名 选择实例ID后,自动匹配数据库的内网地址,不支持修改。 端口 选择实例ID后,自动匹配数据库端口,不支持修改。 用户名 填写数据库的用户名。该数据
名称 数据连接的名称,只能包含英文字母、中文、数字、“-”、“_”,且长度为1~32个字符。 实例ID 选择数据库实例的ID。 域名 选择实例ID后,自动匹配数据库的内网地址,不支持修改。 端口 选择实例ID后,自动匹配数据库端口,不支持修改。 用户名 填写数据库的用户名。该数据
映射类型:单击下拉选项设置视觉映射的映射类型,可以设置为连续型或分段型。 方向:单击下拉选项设置视觉映射的映射方向,可以设置为水平或垂直。 宽度:设置视觉映射的宽度。 高度:设置视觉映射的高度。 左侧:设置视觉映射时距离图层左侧的距离。 底部:设置视觉映射时距离图层底部的距离。 文字:设置视觉映射时文本的字体颜色和字号大小。
名称 数据连接的名称,只能包含英文字母、中文、数字、“-”、“_”,且长度为1~32个字符。 URL 填写DDM逻辑库的jdbc连接地址。如需了解URL的获取方法,请参见“《数据可视化 常见问题》 > 如何获取DDM逻辑库的jdbc连接地址?”。 用户名 填写逻辑库的用户名。该逻辑
“分享”参数中的链接就可以访问大屏了。 版本管理 设置用户通过分享链接访问大屏时,允许查看的大屏版本。 实时更新发布:当大屏内容有修改时,用户可以即时查看到最新的大屏内容。系统默认选项,不支持删除。 历史快照:将当前的大屏内容作为一个版本进行存档,存档后大屏内容的修改不会同步到该
切换到“数据”面板,设置地理搜索组件的数据。 图3 设置地理搜索组件的数据 切换到“交互”面板,定义交互变量,并启用该变量。 图4 定义并启用交互变量 在左侧组件中心,选择“常用图表 > 柱状图”。 图5 选择柱状图组件 在“样式”面板,配置柱状图组件的样式,本示例使用默认样式。 图6
本章节主要介绍时间选择器组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间选择器 全局样式 背景色:单击颜色编辑器设置组件的背景色。 圆角:单击设置组件的圆角度。值越大,圆角度越明显。最小值为0%,最大值为50%。