检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
预览大屏 大屏开发过程中,您可以通过预览功能查看大屏的显示效果。 预览大屏的入口有如下两个: 在大屏开发页面右上方,单击预览图标。 图1 预览大屏(入口一) 在“我的大屏”页面,找到需要预览的大屏,将鼠标移动至该大屏图标之上,界面上将显示大屏的管理按钮,单击预览按钮。 图2 预览大屏(入口二)
在开放管理页面的应用列表中,找到所需要的应用,可以查看该应用的AppKey和密钥,鼠标移动到AppKey或密钥上,可以单击按钮进行复制。 图2 应用列表 用于集成到第三方系统的大屏URL 在第三方系统中集成DLV大屏时,大屏的URL地址要携带应用的AppKey和密钥。DLV大屏和组合大屏均可以集成到第三方系统
使用流程 开发大屏前,您需要先了解DLV的使用流程,如图1所示。流程中所有操作都可以在DLV控制台完成。 图1 使用流程 建数据连接:连接数据大屏所需的数据源,如果您使用的是静态数据,请跳过该步骤。 建数据大屏:使用模板来创建数据大屏。 编辑数据大屏:对数据大屏进行开发,包括组件的样式、数据、交互配置,以及图层管理。
添加组件 创建大屏后,您可以在大屏上添加所需要的组件,DLV提供了丰富的可视化组件,帮助您快速开发大屏。本章节为您介绍如何在大屏中添加组件。 添加组件 登录DLV控制台。 在“我的大屏”页面,单击“新建大屏”。 在新建大屏页面,从左侧的场景模板中选择一个模板,例如,选择空白模板。然后输入大屏名称。
顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 x轴:显示或隐藏x轴。显示时,可以设置x轴样式。 字号:轴标签文本的字体大小。
顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 x轴:显示或隐藏x轴。显示时,可以设置x轴样式。 字号:轴标签文本的字体大小。
系列间距:设置多个系列间的距离。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 值标签 显示/隐藏值
线。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 x轴 显示/隐藏x轴
系列间距:设置多个系列间的距离。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 值标签 显示/隐藏值
置了href时,勾选后,单击Title可以新建一个窗口。 文本样式 字体:设置标题的字体。 字号:设置标题的字号。 文本间距:设置标题的文本间距 颜色:设置标题的字体颜色。 字体粗细:设置标题的字体粗细。 对齐方式:设置标题的对齐方式,可以设置为左侧、右侧、水平居中。 数据 上图中的示例数据如下:
系列间距:设置图表系列之间的间距。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 值标签 显示/隐藏值
加子组件”按钮下方会显示所添加的子组件名称,例如“地图飞线”。 图2 添加子组件 编辑子组件 单击子组件名称就可以编辑子组件。 删除子组件 单击子组件名称后面的按钮,可以删除该子组件。 全局样式 地图中心:设置地图中心在图层中的位置。 地图缩放:设置地图中心在图层中的缩放比例。 图3
数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。
数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。
数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。
度。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 x轴 显示/隐藏x轴
数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。
数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 url:播放视频的链接地址,以mp4格式结尾,例如http://xxx
加子组件”按钮下方会显示所添加的子组件名称,例如“地图飞线”。 图2 添加子组件 编辑子组件 单击子组件名称就可以编辑子组件。 删除子组件 单击子组件名称后面的按钮,可以删除该子组件。 全局样式 地图:单击下拉列表选择选择访问的国家。 地图中心:设置地图中心在图层中的位置。 缩放范围:设置地图中心在图层中的缩放比例。
数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。