Skip to Content
IoT 应用开发构建仪表板

构建仪表板

仪表板编辑器是一个无代码工具,用于设计实时显示应用数据的数据面板。

打开仪表板编辑器

  1. 在云端 IDE 中打开您的应用。
  2. 点击侧边菜单中的 Board 按钮。
  3. 仪表板编辑器打开,显示当前的面板布局。

添加组件

点击 Add Widget 在面板上放置一个新组件。可用的组件类型:

组件用途
折线图时序趋势(随时间变化的温度)
柱状图分类比较
饼图分布 / 占比
仪表盘实时单值显示(速度、压力)
数值显示显示单个数字或文本
表格支持排序/过滤的表格数据
地图带数据叠加的设备位置
嵌入外部网页内容或设备远程访问隧道

连接数据

每个组件都连接到 data-template.yml 中的表和列:

  1. 选择组件。
  2. 选择数据源表。
  3. 将列映射到组件的轴或字段。
  4. 设置过滤器或聚合选项。

数据实时更新——当设备发送新数据时,组件会自动刷新。

布局

拖拽和调整组件大小来排列您的数据面板。仪表板支持:

  • 基于网格的定位
  • 响应式布局,适配不同屏幕尺寸
  • 单个面板内的多页面 / 多标签页

board-template.yml 文件

仪表板编辑器会在 .ironflock/ 目录中生成一个 board-template.yml 文件。该文件描述了完整的面板布局、组件配置和数据映射。

如果您愿意,也可以手动编辑此文件。

应用完全可以只采集数据而不提供仪表板。数据记录类应用通常让用户从采集的数据中自行构建仪表板。用户创建的仪表板甚至可以组合来自多个应用的数据。

嵌入组件

嵌入组件功能特别强大——您可以将设备的远程访问隧道直接嵌入到面板中。这创造了无缝的体验,用户可以在同一界面中监控全局数据并与单个设备进行交互。

Last updated on