检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
开发大屏 编辑大屏 预览大屏 发布大屏
组件开发包文件介绍 Index.js规范 gui.json规范 UI类型介绍
发布大屏 大屏开发完成后,您可以通过发布功能向其他用户分享大屏。 发布大屏 登录DLV控制台。 在“我的大屏”页面,找到需要发布的大屏,将鼠标移至该大屏图标之上,界面上将显示大屏的管理按钮,单击发布按钮。 图1 发布大屏 您也可以在大屏开发页面右上方,单击发布按钮发布大屏。 图2
单击编辑按钮进入大屏开发页面。 图1 编辑大屏 从左侧组件库中选择一个组件,例如“柱状图”,该组件将出现在画布中。单击该组件,再单击屏幕右侧的“数据”面板。 在“数据”面板中,设置“数据源类型”为“API”。 在编辑区域中输入完整的URL地址。 当“由服务器发起请求(仅支持HTT
本章节通过一个简单的示例向您介绍如何编辑大屏。 大屏开发页面总览 登录DLV控制台,在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 在大屏开发页面中,您可以根据业务需求设计和开发大屏,完成添加组件、页面布局、关联数据源和发布大屏等操作。 图1 大屏开发页面 表1 功能区说明
WebGL崩溃时该如何处理? WebGL是一种在web页面上的三维绘图技术。当您同时打开多个WebGL页面、异常操作浏览器或浏览器兼容等出现问题时,WebGL可能导致浏览器崩溃,此时浏览器的顶部会自动提示WebGL崩溃。当出现此问题时,您需要刷新或重启浏览器。
预览大屏 大屏开发过程中,您可以通过预览功能查看大屏的显示效果。 预览大屏的入口有如下两个: 在大屏开发页面右上方,单击预览图标。 图1 预览大屏(入口一) 在“我的大屏”页面,找到需要预览的大屏,将鼠标移动至该大屏图标之上,界面上将显示大屏的管理按钮,单击预览按钮。 图2 预览大屏(入口二)
新建组件包 开发自定义组件 登录DLV控制台。在左侧导航树上,单击“管理中心 > 我的组件”。 图3 我的组件 在“我的组件”页面,单击右上角的“下载开发者工具”按钮,下载自定义组件开发工具。 使用开发者工具,按组件开发规范完成组件开发。详细的开发指导,请参见《数据可视化开发指南》。
件的请求响应数据或静态数据。 代码示例 js语法请参考https://developer.mozilla.org/zh-CN/docs/Web/JavaScript。 数据转换示例1(当返回的天气数据中数据结构嵌套复杂,指标数据分散时,转换为更简单的格式显示) 代码 return
时间选择器 本章节主要介绍时间选择器组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间选择器 全局样式 背景色:单击颜色编辑器设置组件的背景色。 圆角:单击设置组件的圆角度。值越大,圆角度越明显。最小值为0%,最大值为50%。
FLV视频流播放器 本章节主要介绍FLV视频流播放器组件各配置项的含义。 图1 FLV视频流播放器 样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。 图表位置:图表在画布中的位置。单位均为px。 音量调节:视频音量调节。 数据 图2 FLV视频流播放器-数据 url:FLV
使用流程 开发大屏前,您需要先了解DLV的使用流程,如图1所示。流程中所有操作都可以在DLV控制台完成。 图1 使用流程 建数据连接:连接数据大屏所需的数据源,如果您使用的是静态数据,请跳过该步骤。 建数据大屏:使用模板来创建数据大屏。 编辑数据大屏:对数据大屏进行开发,包括组件的样式、数据、交互配置,以及图层管理。
DLV是什么 数据可视化(Data Lake Visualization,简称DLV)是一站式数据可视化开发平台,适配云上云下多种数据源,提供丰富多样的2D、3D可视化组件,采用拖拽式自由布局,旨在帮助您快速定制和应用属于您自己的数据大屏。 版本规格说明 DLV提供了基础版、高级
组合大屏 当您完成可视化大屏的开发之后,可以将两个或两个以上的大屏创建为一个组合大屏以便用户可以同时查看多个大屏。组合大屏创建完成后,您就可以发布组合大屏,然后将大屏链接分享给其他用户。其他用户就可以在浏览器中或应用程序中通过大屏链接访问该组合大屏。在浏览器查看组合大屏时,用户可以在多个大屏之间来回切换进行查看。