新建与编辑一张大屏
吉物 AIoT 平台 · [object Object]
界面示意
素材
图表
数值
设备
装饰
数据
数据源设备实时数据②绑定取数方式产品空压机 A 型设备3 号车间-空压机-01属性压力
设备数据凭证在「画布设置」里选一次即可,组件不用重复填密钥。
- 1[object Object]
- 2[object Object]
- 3[object Object]
- 4[object Object]
- 进入「数据大屏」,点击「新建大屏」并命名。
- 在画布设置里设置画布尺寸与背景,尺寸要与目标屏幕的分辨率一致(常见是 1920×1080)。
- 从左侧素材面板拖拽组件到画布,拖动位置、拉伸手柄调整大小。
- 在右侧「数据」页签为组件绑定数据源。
- 在「属性」「样式」页签调整文字、颜色、单位、精度等表现。
- 用顶栏的保存按钮保存;确认无误后点击发布。
注意画布尺寸决定了成品的比例。若大屏要在不同分辨率的屏幕上展示,建议用标准比例(16:9)并在展示页依赖等比自适应。
素材分类
- 图表:柱状、条形、折线、面积、饼、环、散点、仪表盘、雷达。
- 数值:数字、数字翻牌、进度条,用于突出单个关键指标。
- 设备:设备实时卡片,直接展示某台设备的实时属性。
- 文本:文本与渐变文字,用于标题与说明。
- 媒体:图片、轮播图、网页、视频。
- 表格:以表格形式展示多条数据,适合明细清单。
- 装饰:边框(多种变体)、时间、全屏按钮,用于提升画面完整度。
绑定数据:三种数据源
吉物 AIoT 平台 · [object Object]
界面示意
素材
图表
数值
设备
装饰
数据
数据源设备实时数据②绑定取数方式产品空压机 A 型设备3 号车间-空压机-01属性压力
设备数据凭证在「画布设置」里选一次即可,组件不用重复填密钥。
- 静态数据:直接填写 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 像素。
- 拖动时会出现对齐参考线,图层较多时用图层面板管理层级、锁定与隐藏。
发布与分享
- 未发布的大屏只有创建者与管理员能预览,已发布的大屏任何登录用户都可以查看。
- 展示页按画布尺寸等比自适应,适合直接投到大屏电视或会议屏。
- 大屏列表支持重命名、更新缩略图、删除;缩略图用于列表上快速识别。