年度销售运营数据中心 — 基于 ECharts 的企业 BI 数据可视化大屏产品系统Vibe Coding

各行各业企业每天产生大量业务数据（销售、订单、客户、渠道），但传统 Excel 报表难以直观洞察趋势与异常。运营总监、管理层需要一张全局看板实时掌握经营状况。
本项目面向企业管理层、运营团队、数据分析岗位，适用于销售监控、业绩汇报、决策支持等场景。大屏形式适合投屏到会议室/指挥中心。

本项目是一套完整的 BI 数据可视化大屏系统，包含以下核心模块： 1. 顶部标题区：大屏品牌标识 + 实时时钟 + 系统在线状态指示器 2. 核心 KPI 卡片区：年度总销售额、总订单数、新增客户数、整体转化率四大指标，带数字滚动入场动画和同比环比对比分析 3. 销售趋势分析图：中心主图表区，双 Y 轴折线图同步展示销售额与订单数走势，支持月度/季度/年度三档时间粒度切换 4. 品类销售占比饼图：环形图展示六大品类销售贡献分布，带百分比标签和弹性入场动画 5. Top 5 热销商品排行：横向渐变柱状图，直观展示头部商品销售额排名 6. 地域销售分布地图：中国地图热力着色，按省份展示销售额分布，hover 显示详细数值 7. 渠道贡献堆叠柱状图：线上商城/线下门店/分销代理/直播电商四渠道季度对比 8. 实时订单流水滚动：底部自动轮播的订单列表，含订单号、客户、商品、地区、金额、状态，鼠标悬停暂停

本人独立完成全栈开发。采用单页 Web 架构（纯 HTML/CSS/JS + ECharts CDN），浏览器打开即用无需构建工具。核心技术亮点： • ECharts 图表工程化：6 张专业图表独立配置，统一深色科技风主题，自定义 Tooltip、VisualMap、Label、Animation 等细节参数 • 响应式网格布局：CSS Grid 实现三栏自适应大屏布局，1366px 和 768px 双断点适配 • 离线地图方案：中国 GeoJSON 通过 标签注入全局变量，解决 file:// 协议下 CORS 限制，实现真正的离线可用 • 动效设计：数字滚动动画、图表弹性入场、订单流无限滚动、发光装饰元素，打造沉浸式科技感视觉体验