面向收费站智慧交通运营管理场景,传统业务数据分散在不同系统中,存在实时数据查看不直观、异常情况发现不及时、统计分析效率较低等问题。通过建设实时数据可视化平台,将车辆通行、绿通车辆、优惠金额、异常车辆、审核情况及车辆来源等业务数据集中展示,并结合趋势图表和地图进行可视化分析,帮助管理人员快速掌握收费站实时运行情况及阶段性业务变化,提高数据查看和运营分析效率。
点击空白处退出提示
语言技术
HTML5、CSS、JavaScript、Vue、TypeScript系统类型
Web行业分类
工业互联网、物联网
面向收费站智慧交通运营管理场景,传统业务数据分散在不同系统中,存在实时数据查看不直观、异常情况发现不及时、统计分析效率较低等问题。通过建设实时数据可视化平台,将车辆通行、绿通车辆、优惠金额、异常车辆、审核情况及车辆来源等业务数据集中展示,并结合趋势图表和地图进行可视化分析,帮助管理人员快速掌握收费站实时运行情况及阶段性业务变化,提高数据查看和运营分析效率。
系统主要包含实时通行车辆、核心业务指标、异常车辆监控、近7天数据趋势、本周及本月业务统计、审核通过率、异常率、优惠金额、车辆来源城市排行等功能。通过 ECharts 实现折线图、柱状图、仪表盘及地图等多种数据可视化效果,并在全国地图中展示车辆来源城市及路线分布。系统通过 WebSocket 接收实时业务数据,动态更新车辆列表、KPI 指标和统计图表,同时支持列表无缝滚动、大屏自适应及实时数据刷新,为管理人员提供直观的业务监控界面。
本人主要负责项目的前端开发、页面搭建、组件封装、数据可视化以及接口联调。项目采用 Vue3 + TypeScript + Vite 进行开发,使用 ECharts 实现折线图、柱状图、仪表盘及地图等可视化模块,并通过 WebSocket 接收后端实时推送的车辆及业务统计数据,实现 KPI、车辆列表和图表的动态更新。
开发过程中针对实时数据刷新导致列表滚动中断的问题,对滚动组件及更新逻辑进行优化,实现数据持续更新情况下的无缝滚动;针对地图展示完成中国地图 GeoJSON 注册、城市坐标配置及来源城市路线绘制。同时完成大屏布局适配、组件封装、接口异常处理及项目部署相关工作,提高系统的稳定性和可维护性。




评论