# vue-echarts

**Repository Path**: zm2019/vue-echarts

## Basic Information

- **Project Name**: vue-echarts
- **Description**: 基于vue2实现图表渲染
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-06-16
- **Last Updated**: 2025-06-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

---
typora-root-url: ./
---

# 电商平台实时监控系统vue-echarts

## 前端项目地址：

https://gitee.com/shiyu228/vue-echarts.git

## 后端接口地址：

https://gitee.com/shiyu228/vue-charts-server.git

## 一、运行项目

```
//1.进入前端项目目录
cd vue-echarts

//2.安装依赖包
npm install

//3.在终端输入命令运行
npm run serve
```

### 打包命令

```
npm run build
```

## 二、所用技术栈

- Vue2.0
- VueX
- axios
- less
- WebScoket

## 三、运行效果截图

##### 3.1 黑色主题

![dark](/images/dark.png)

##### 3.2 亮色主题

![black](/images/black.png)



##### 3.3 热销商品占比

![hot](/images/hot.png)

#####3.4 商家分布

![map](/images/map.png)



##### 3.5 地区销售趋势

![rank](/images/rank.png)



##### 3.6 商家销售统计

![seller](/images/seller.png)

##### 3.7 库存和销量分析

![stock](/images/stock.png)

##### 3.8 地区销量趋势

![trend](/images/trend.png)