项目背景
本类项目旨在为客户开发一个数据看板系统，实时展示设备的运行状态、实时数据和历史性能数据，以支持更高效的设备监控和决策制定。

技术栈
前端框架：Vue2.x及其生态系统，包括Vue Router和Vuex
数据可视化：ECharts用于动态图表和数据可视化
实时数据通讯：MQTT协议用于实现图表数据的实时刷新

角色和职责
作为项目的前端主要开发人员，我主导了以下关键工作：

设计和实现了一套响应式的数据可视化界面，适配不同屏幕尺寸和设备。
使用ECharts库开发了多个动态图表组件，用于展示设备的实时和历史数据。
集成MQTT，实现了数据的实时获取和图表的即时更新。

技术难点与解决方案

布局兼容和数据刷新
难点：
适配笔记本和大屏

解决方案：
采用了CSS Grid布局结合vw、vh单位实现了高度响应式的界面设计。通过集成MQTT协议，实现了数据的实时订阅和图表的动态刷新。

结果：
成功开发并交付了多个数据可视化面板，客户通过这些看板能够实时监控和分析设备状态，大幅提高了运维效率。