主题
8.2 案例二:仓库温湿度监控面板
目标:显示仓库多区域温湿度,超限报警。
组件清单:
| 组件 | 数量 | 用途 |
|---|---|---|
| 文本 | 8 | 4区域 × 温度/湿度 |
| 按钮 | 1 | 刷新数据 |
| 柱状图 | 1 | 历史温湿度趋势 |
搭建步骤:
- 拖入文本,绑定
zone1.temp,单位°C - 为温度文本添加「背景色」显示事件:
- 范围 0~25:绿色
- 范围 25~30:黄色
- 范围 30~50:红色
- 复制文本组件,修改绑定数据点为
zone1.humidity,单位% - 重复步骤 1~3,完成 4 个区域
- 拖入柱状图,绑定历史数据源,显示近 24 小时温度趋势