构建仪表板
仪表板编辑器是一个无代码工具,用于设计实时显示应用数据的数据面板。
打开仪表板编辑器
- 在云端 IDE 中打开您的应用。
- 点击侧边菜单中的 Board 按钮。
- 仪表板编辑器打开,显示当前的面板布局。
添加组件
点击 Add Widget 在面板上放置一个新组件。可用的组件类型:
| 组件 | 用途 |
|---|---|
| 折线图 | 时序趋势(随时间变化的温度) |
| 柱状图 | 分类比较 |
| 饼图 | 分布 / 占比 |
| 仪表盘 | 实时单值显示(速度、压力) |
| 数值显示 | 显示单个数字或文本 |
| 表格 | 支持排序/过滤的表格数据 |
| 地图 | 带数据叠加的设备位置 |
| 嵌入 | 外部网页内容或设备远程访问隧道 |
连接数据
每个组件都连接到 data-template.yml 中的表和列:
- 选择组件。
- 选择数据源表。
- 将列映射到组件的轴或字段。
- 设置过滤器或聚合选项。
数据实时更新——当设备发送新数据时,组件会自动刷新。
布局
拖拽和调整组件大小来排列您的数据面板。仪表板支持:
- 基于网格的定位
- 响应式布局,适配不同屏幕尺寸
- 单个面板内的多页面 / 多标签页
board-template.yml 文件
仪表板编辑器会在 .ironflock/ 目录中生成一个 board-template.yml 文件。该文件描述了完整的面板布局、组件配置和数据映射。
如果您愿意,也可以手动编辑此文件。
应用完全可以只采集数据而不提供仪表板。数据记录类应用通常让用户从采集的数据中自行构建仪表板。用户创建的仪表板甚至可以组合来自多个应用的数据。
嵌入组件
嵌入组件功能特别强大——您可以将设备的远程访问隧道直接嵌入到面板中。这创造了无缝的体验,用户可以在同一界面中监控全局数据并与单个设备进行交互。
Last updated on