# 电商数据可视化看板

**Repository Path**: Ppwindf/e-commerce-data-dashboard

## Basic Information

- **Project Name**: 电商数据可视化看板
- **Description**: 基于 Vue 3 + Vite 的电商数据可视化看板，主要用 Element Plus 搭建布局/导航，用 ECharts 绘制各类业务指标图表
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-24
- **Last Updated**: 2025-11-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

各功能模块按路由划分为三大页面，每页由多个 ECharts 图表组成，均封装在 Element Plus 的卡片布局中，配合 `window.resize` 监听保证自适应。

- **入口与布局**：`Index.vue` 负责整体框架，顶部为标题“电商数据可视化系统”，左侧 `el-menu` 分为“消费者洞察/数据洞察”两组导航，点击后在主容器的 `router-view` 中切换子页面，结构简单清晰。
  
- **用户分析（`User.vue`）**：  
  - `#user`：柱/折折线混合图展示 2020-2023 年用户数量及同比增长率，双纵轴强调规模与增速。  
  - `#demand`：青年消费者需求分布饼图，按衣/食/住/行统计人数。  
  - `#userStatus`：环形图区分活跃与流失人数。  
  - `#userClass`：文件后半段包含用户分类雷达/柱状图（如忠诚/潜力/价格敏感等），刻画用户画像。

- **销售分析（`Commodity.vue`）**：  
  - `#yearSalesVolume`：仪表盘显示年度销售额达成率，配套卡片列出实际与目标值。  
  - `#salesVolume`：横向柱状图对比主要品类的实际/预计月度销售额，配置坐标轴/网格强调可读性。  
  - `#transform`：漏斗图刻画平台转化率（访客→收藏加购→订购）。  
  - `#salesTerritory`：雷达图展示东北/西北/华南等区域销售表现，强调区域对比。后续代码（未截完）通常包含系列数据和配色设置。

- **订单分析（`Order.vue`）**：  
  - `#orderNumber`：按小时的单日订单量折线图，填充面积突出峰值时段。  
  - `#orderStatus`：多序列柱状图比较 5 天内“已揽收/已签收/运输中”各状态的订单数量。  
  - `#areaOrderNumber`：玫瑰饼展示不同大区的订单占比，突出华南/西南等热点区域。  
  - `#category`：饼图分析订单配送方式（商店、生产企业、配送中心、仓库），用于评估物流渠道占比。

整体而言，三个子模块覆盖用户画像、商品销售、订单履约的关键指标，配色与布局统一，适合作为结课报告的前端可视化演示。