项目背景:为企业打造实时运营数据监控平台,通过可视化大屏直观展示订单、用户、销售额等核心指标,辅助管理层快速决策。
核心功能:包含销售统计、用户来源分析、业务趋势、全国分布地图等多维度图表,支持数据实时刷新与异常高亮,实现运营数据一屏掌控。
业务流程:后端接口按约定格式返回数据 → 前端定时拉取并渲染图表 → 大屏自动轮播与数据更新 → 关键指标实时预警与展示。
整体架构:采用前后端分离架构,前端基于Vue2搭建大屏页面,使用ECharts实现柱状图、折线图、饼图、地图等多种可视化图表,通过Axios请求后端接口获取数据。
我的职责:负责整个大屏页面的布局搭建、图表开发与数据渲染,包括全国数据地图、销售统计、用户来源等模块的实现,同时完成了响应式适配与数据定时刷新功能。
难点与解决:解决了大屏布局自适应问题,通过百分比+flex布局实现不同分辨率下的正常展示;针对大量数据渲染卡顿问题,采用防抖与节流优化接口请求,提升了大屏的流畅度和稳定性。