移动网业务感知可视化系统

项目简介

这是一个基于 Vue 3 + ECharts + 百度地图 GL 开发的移动网络业务感知可视化系统。该系统以中国高铁网络为载体，实时展示全国主要高铁线路的移动网络质量数据，包括 5G 覆盖率、网络接通率、业务成功率等关键指标。

移动业务感知可视化系统

主要功能

📍 交互式地图展示

  • 基于百度地图 GL 的高铁线路可视化
  • 支持 8 条主要高铁线路的独立显示/隐藏
  • 信号强度热力图，直观展示网络覆盖情况
  • 包含京广线、京沪线、沪昆线、沪蓉线等主要线路

📊 多维度数据分析

  • 网络覆盖指标：5G 覆盖率、4/5G 综合覆盖率
  • 通话质量指标：接通率、掉话率
  • 业务体验指标：抖音播放成功率、图片发送成功率
  • 支持三大运营商（电信、移动、联通）数据对比

📈 丰富的图表展示

  • 柱状图：各线路运营商数据对比
  • 雷达图：多维度网络质量综合评估
  • 趋势图：网络质量变化趋势展示
  • 实时数据面板：关键指标实时监控

🎯 智能交互体验

  • 点击地图线路自动切换对应数据
  • 多种数据类型动态切换
  • 响应式设计，适配不同屏幕尺寸
  • 实时时间显示，营造专业监控氛围

技术栈

  • 前端框架：Vue 3 + Vite
  • 图表库：ECharts 5.4.3
  • 地图服务：百度地图 GL API
  • 样式：原生 CSS + 响应式设计
  • 数据处理：Papa Parse (CSV 数据解析)
  • HTTP 请求：Axios

应用场景

  • 移动网络运营商业务监控
  • 高铁沿线网络质量评估
  • 网络优化决策支持
  • 业务质量分析报告
  • 技术展示和演示