首页 / 文档 / 数据大屏

数据大屏

数据大屏把设备数据变成可以直接展示的画面:在画布上拖拽组件、绑定设备数据、发布成一张可分享的看板。不需要写前端代码,也不需要单独部署。

共 6 个小节 · 文档随平台版本更新

新建与编辑一张大屏

吉物 AIoT 平台 · [object Object] 界面示意
车间监控大屏 · 编辑器 撤销 保存 发布
素材
图表 数值 设备 装饰
在线设备 12 平均压力 0.71 压力趋势图
数据
数据源设备实时数据②绑定取数方式产品空压机 A 型设备3 号车间-空压机-01属性压力

设备数据凭证在「画布设置」里选一次即可,组件不用重复填密钥。

[object Object]
  1. 1[object Object]
  2. 2[object Object]
  3. 3[object Object]
  4. 4[object Object]
  1. 进入「数据大屏」,点击「新建大屏」并命名。
  2. 在画布设置里设置画布尺寸与背景,尺寸要与目标屏幕的分辨率一致(常见是 1920×1080)。
  3. 从左侧素材面板拖拽组件到画布,拖动位置、拉伸手柄调整大小。
  4. 在右侧「数据」页签为组件绑定数据源。
  5. 在「属性」「样式」页签调整文字、颜色、单位、精度等表现。
  6. 用顶栏的保存按钮保存;确认无误后点击发布。

注意画布尺寸决定了成品的比例。若大屏要在不同分辨率的屏幕上展示,建议用标准比例(16:9)并在展示页依赖等比自适应。

素材分类

  • 图表:柱状、条形、折线、面积、饼、环、散点、仪表盘、雷达。
  • 数值:数字、数字翻牌、进度条,用于突出单个关键指标。
  • 设备:设备实时卡片,直接展示某台设备的实时属性。
  • 文本:文本与渐变文字,用于标题与说明。
  • 媒体:图片、轮播图、网页、视频。
  • 表格:以表格形式展示多条数据,适合明细清单。
  • 装饰:边框(多种变体)、时间、全屏按钮,用于提升画面完整度。

绑定数据:三种数据源

吉物 AIoT 平台 · [object Object] 界面示意
车间监控大屏 · 编辑器 撤销 保存 发布
素材
图表 数值 设备 装饰
在线设备 12 平均压力 0.71 压力趋势图
数据
数据源设备实时数据②绑定取数方式产品空压机 A 型设备3 号车间-空压机-01属性压力

设备数据凭证在「画布设置」里选一次即可,组件不用重复填密钥。

[object Object]
  • 静态数据:直接填写 JSON,适合标题、固定说明、演示数据。
  • 设备实时数据:选择凭证范围内的产品、设备与属性,图表取一段时间序列,数值类组件取最新值。
  • 自定义接口:填写自己的 HTTP 地址,适合对接第三方系统的数据。

注意设备实时数据默认每秒级轮询(默认 10 秒,最小 5 秒)。需要"最新 N 条"而不是"最近 N 分钟"时,选择按条数取数 —— 设备上报稀疏时按时间窗取数会让图表看起来不动。

画布级凭证:为什么大屏不保存密钥

  • 大屏只在画布设置里选择一次「设备数据凭证」,组件不再重复填密钥。
  • 凭证决定这张大屏能取到哪些产品的数据,取数由后端代理完成,浏览器全程不接触密钥。
  • 因此发布后任何有权限查看大屏的人看到的都是同一份数据,与查看者自身的数据权限无关。

注意画布设置里没选凭证时,组件的产品下拉会是空的并提示去画布设置选择 —— 这是最常见的"大屏没数据"原因。

编辑器操作与快捷键

  • Delete 删除选中组件;Ctrl / Cmd + Z 撤销;Ctrl / Cmd + Shift + Z 或 Ctrl + Y 重做。
  • Ctrl / Cmd + C、V 复制粘贴;Ctrl / Cmd + D 创建副本。
  • 方向键微调 1 像素,按住 Shift 加方向键移动 10 像素。
  • 拖动时会出现对齐参考线,图层较多时用图层面板管理层级、锁定与隐藏。

发布与分享

  • 未发布的大屏只有创建者与管理员能预览,已发布的大屏任何登录用户都可以查看。
  • 展示页按画布尺寸等比自适应,适合直接投到大屏电视或会议屏。
  • 大屏列表支持重命名、更新缩略图、删除;缩略图用于列表上快速识别。