多协议采集
MQTT / Modbus TCP / OPC UA / CoAP 四类协议统一接入，点位映射可视化配置，无需改固件即可新增传感器。
单网关 2,000 点位
这是一个网页样式设计参考
极简线条艺术 · 科技跃动
01 / 核心能力
四项能力，收束成一条可探索的信号链
不堆叠花哨组件，只保留必要线条与留白：采集、传输、解析、呈现四段各司其职，任意一段都能被单独观测、单独压测、单独替换。
边缘预处理
在边缘完成滑动平均、阈值告警与脏数据剔除，上行流量可降到原始数据的 12%，弱网下仍保持秒级可用。
上行带宽 -88%数据可视化
时序曲线、热力分布、拓扑连线三套视图共用同一数据源，图表按需加载，首屏渲染控制在 1.2 秒内。
首屏 ≤1.2s响应式设计
同一套看板在 320px 手机到 2560px 大屏间自适应，栅格由 1 列到 4 列平滑过渡，点按区始终不小于 44px。
6 档断点覆盖02 / 实用指导清单
从零点位到可用看板：七步探索路径
以下步骤按真实项目节奏排列，每一步都给出可验收的量化阈值，避免“接上就好、看起来挺快”的模糊判断。
-
先划点位，再选协议 按“测点清单”分组：模拟量、开关量、累加量分开统计，单网关点位建议不超过
2000个；超过则按车间拆分为二级网关，避免单点轮询周期被拉长到 30 秒以上。 -
采样频率要与业务同频 温度、湿度类缓变量设
5–10s一次；振动、电流类快变量设200–500ms；切勿全点位统一 1 秒采集，会把上行流量与存储成本推高 5–8 倍。 -
边缘先做滑动窗口，再上云 对快变量在边缘做
10 点滑动平均，仅上报均值 + 极值 + 时间戳；实测可把上行数据量压缩到原始值的 12%，同时保留异常回溯能力。 -
告警分三级，阈值带迟滞 提示 / 预警 / 严重三级；同一测点阈值加
3%–5%迟滞带，避免临界值反复抖动刷屏；严重级必须绑定去重窗口，窗口设为≥60s。 -
可视化只保留三条主曲线 首屏最多 3 条主曲线 + 1 组 KPI 数字，其余下沉到二级页；图表数据按
每 2 秒增量刷新，而不是整表重绘，可把前端主线程占用压到 20% 以下。 -
断网要能“续传 + 补算” 边缘缓存至少保留
72 小时数据，按时间戳补传；补传完成后自动重算当日聚合值，避免日报出现“空洞”。 -
上线前跑一轮弱网压测 模拟
200ms时延 +5%丢包连续运行 24 小时；验收标准：网关在线率 ≥99.9%，端到端时延 P95 ≤200ms，无数据乱序。
03 / 应用场景
三条探索路径：产线、楼宇、园区
同样的物联网解决方案内核，在不同场景里换一套观测视角；区别只在点位密度与告警节奏，而非重做一套系统。
离散产线 · 设备健康
对 32 台主轴电机采集振动与电流，边缘做 10 点滑动平均，异常在 3 秒内推送到工位屏。
振动采样 200ms提前预警 4h
智能楼宇 · 能耗脉络
按楼层聚合空调、照明、新风三类负荷，10 分钟粒度对比分项能耗，定位异常楼层只需两次点击。
分项计量 3 类节电 11%
园区物联 · 网关拓扑
64 个边缘节点按地理坐标连线，在线率、丢包率、时延三指标同屏，弱网节点自动高亮提示。
节点 64 个在线率 99.95%04 / 数据可视化面板
一次可复现的探索式读数
面板不追求图表数量，而是让每个数字都能追溯到采集链路：从点位、采样、聚合到呈现，指标口径全部对齐。
链路健康度 · 分段达标率
采集链路达标率
目标阈值 95%
探索关键读数
18 ms端到端时延 P95
1,286在线设备数
2 s看板增量刷新
64边缘网关节点
12%上行数据占比
72 h断网缓存时长
点位超过 2000 个时，为什么建议先拆网关而不是升配？
单网关轮询周期与点位数量近似线性增长：2000 点位约 4 秒一轮，4000 点位会拉到 8 秒以上，快变量将失去参考价值。拆分二级网关后，每台只负责单一车间，轮询周期可稳定在 2 秒以内，且故障影响面从整厂收缩到一个区域。
极简设计会不会牺牲数据密度？
不会。极简做的是“视觉降噪”而非“信息删减”：首屏只放 3 条主曲线与 6 个 KPI 数字，其余指标通过悬停、抽屉或二级页展开。实测同屏可读指标数不降反升，因为用户不再需要在十几条交叉曲线里反复辨认。
弱网现场如何保证数据不丢？
边缘侧维持不低于 72 小时的本地缓存，按时间戳顺序补传；补传完成后自动触发当日聚合值重算。验收时用 200ms 时延 + 5% 丢包压测 24 小时，要求丢点率低于 0.05%，且补传后日报数值与在线期一致。
响应式设计在 320px 小屏上如何不挤爆？
栅格从 4 列依次降到 2 列、1 列；图表改为横向滚动容器，表头固定；文字长串强制断行，点按区保留 44px 最小高度。切忌把桌面 4 列卡直接压缩到小屏，那会导致数字与单位被截断。