物联网数据可视化大屏的设计要点
数据大屏是物联网项目里最「出效果」的交付物,但也是最容易做成花架子的部分。一块好的大屏,首先要回答「看屏的人关心什么」。
先定指标,再谈布局
大屏受众通常是管理者或值班人员,他们需要的是态势感知而非明细数据。建议按三层组织指标:
- 总览层:设备总数、在线率、告警数——一屏之内 3 秒内读懂全局;
- 态势层:地图分布、实时曲线、状态占比——发现异常区域与趋势;
- 关注层:重点设备排行、最新告警滚动——引导下一步处置动作。
视觉层级与布局
- 中间放地图或核心业务图,两侧放指标卡片与图表,视觉重心居中;
- 同一块屏的图表类型不宜超过 4 种,色彩遵循「主色 + 告警色」两套体系;
- 数字用大字号等宽字体,单位缩小处理,避免刷新时宽度跳动。
实时性设计
- 指标类数据用轮询即可(10~30 秒),曲线类建议 WebSocket 推送;
- FastBee 平台支持 MQTT over WebSocket,前端可直接订阅设备数据,省去后端中转;
- 历史趋势按时序库(如 TDengine)降采样查询,避免一次拉取全量点。
常见反模式
- 把所有图表塞进一屏,字小得看不清;
- 堆叠 3D 特效与旋转动画,喧宾夺主;
- 展示无人负责的指标——每个指标都应该有对应的处置流程。

