# 中国就业失业可视化数据大屏

**Repository Path**: xuxrong/echartsBigScreen

## Basic Information

- **Project Name**: 中国就业失业可视化数据大屏
- **Description**: 基于vue3+vite+echarts+element plus+mock的中国就业失业可视化数据大屏
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-11-19
- **Last Updated**: 2025-11-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 中国就业失业人口统计可视化

这是一个基于 Vue 3 和 ECharts 开发的中国就业失业人口统计可视化项目，通过交互式地图展示全国各省份的就业和失业情况。

## 功能特点

### 1. 数据可视化
- 使用中国地图展示全国 31 个省市自治区的就业数据
- 通过颜色深浅直观展示各省份失业率情况
- 失业率超过 8% 的省份会显示红色预警闪烁点
- 鼠标悬停可查看各省份详细数据

### 2. 交互体验
- 支持地图缩放（鼠标滚轮/控制按钮）
- 点击省份可查看详细统计图表
- 侧边栏实时更新省份数据
- 响应式设计，适配不同屏幕尺寸

### 3. 数据展示
- 就业人数统计
- 失业人数统计
- 失业率分析
- 柱状图展示详细数据

### 4. 界面设计
- 现代化深色主题
- 科技感十足的 UI 设计
- 流畅的动画效果
- 优雅的渐变和发光效果

## 技术栈

- Vue 3 - 前端框架
- ECharts 5 - 数据可视化
- Element Plus - UI 组件库
- Vite - 构建工具

## 项目特点

1. **数据直观**
   - 使用颜色编码展示失业率
   - 预警机制（高失业率省份闪烁提示）
   - 详细的数据展示面板

2. **交互友好**
   - 流畅的缩放控制
   - 即时的数据反馈
   - 直观的操作方式

3. **视觉设计**
   - 科技感界面
   - 动态效果
   - 响应式布局

4. **性能优化**
   - 按需加载
   - 平滑动画
   - 高效渲染

## 开发环境

```bash
# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build
```

## 项目结构

```
visual-china-map/
├── src/
│   ├── components/
│   │   └── ChinaMap.vue    # 主地图组件
│   ├── mock.js             # 模拟数据
│   ├── App.vue             # 根组件
│   └── main.js             # 入口文件
├── public/                 # 静态资源
└── package.json           # 项目配置
```

## 未来计划

- [ ] 添加更多数据维度
- [ ] 支持数据筛选和排序
- [ ] 增加历史数据对比
- [ ] 添加数据导出功能
- [ ] 支持更多交互方式

## 贡献指南

欢迎提交 Issue 和 Pull Request 来帮助改进项目。

## 许可证

MIT License
## 效果图
![alt text](image.png)