1. 概述

“数据大屏Pro”是全新推出的产品模块,相比老的数据大屏,主要在3D可视化跟复杂交互方面进行了升级。同时,也沿用了BI简单易用的特性,支持用户通过拖拉拽,零代码/低代码地搭建业务监控、产线管理、园区展览等多场景的酷炫数据大屏。

如下所示,是通过“数据大屏Pro”搭建出的几个案例。

智慧文旅.mp4
智慧防疫.mp4
智慧金融.mp4

2. 使用流程

新版大屏的使用方式,同BI类似——通过拖拉拽的方式,在画布上添加各类组件,拼凑成一块大屏。通常,搭建一个大屏的流程如下:
快速入门 - 图1

第1步. 创建大屏


在上方或者左侧的导航栏中,进入“数据大屏Pro”模块。
快速入门 - 图2

点击“新建数据大屏”以创建一个新大屏。
快速入门 - 图3

您可将自定义图片或者大屏截图作为封面。
快速入门 - 图4

第2步. 添加组件


大屏编辑界面如下图所示,中间是画布区域,上方导航栏是可供添加的组件,可以直接点击添加至画布上。
组件选择区.png

第3步. 调整组件设置


选中画布上已添加的组件,右侧是组件的配置区,在这里设置组件的样式、数据及交互动作。
组件配置区.png

第4步. 接入真实数据


开始搭建大屏时,主要关注大屏的视觉效果,可以先使用静态Json数据敏捷调试。待大屏内容确定后,再将组件的数据切换为生产环境的真实数据。 选中组件后,在右侧的组件数据面板,可以将数据切换为API接口,或者切换为BI的数据模型(通过数据模型可以接入各类数据库)。
快速入门 - 图7

切换为API接口后,点击底部的“维度分析”,系统会将API获取到的数据解析为字段列表,用户可以直接将需要的字段拖入图表配置区以完成数据配置。
快速入门 - 图8 快速入门 - 图9

第5步. 发布使用大屏


点击编辑界面右上角的“发布”,并添加一个版本,以发布新大屏。
快速入门 - 图10

发布大屏后,可点击“分享”按钮,生成一个大屏访问链接,以发送给其他用户访问使用大屏。分享时,若大屏存在多个历史版本,可以选择要将哪个版本进行分享。同时出于安全考虑,也可以设置大屏链接的访问密码跟到期时间。
快速入门 - 图11