# vue110

**Repository Path**: xiaocheng911/vue110

## Basic Information

- **Project Name**: vue110
- **Description**: vue + echarts 展示图表，练手之作；
电商-数据可视化
包括
1、横向柱状图【商家销量】
2、折线图【销售趋势】
3、地图+散点图【商家分布】
4、柱状图【商家销量排行】
5、饼图【热销商品占比】
6、圆环饼图【库存销量分析】
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2021-01-05
- **Last Updated**: 2021-10-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-echarts 

## vue 结合 echarts 展示图表

## 项目测试地址 http://39.99.159.195:8081/

## 此项目仿照https://www.bilibili.com/video/BV1bh41197p8  该项目，用于练手

### 电商-数据可视化

1. 横向柱状图【商家销量】  

2. 折线图【销售趋势】  

3. 地图+散点图【商家分布】  

4. 柱状图【商家销量排行】 

5. 饼图【热销商品占比】  、

6. 圆环饼图【库存销量分析】

# 1. Front-end project deployment 【一、前端项目部署】

## Project setup 【下载前端相关依赖】
```
npm install
```

### Compiles and hot-reloads for development【运行前端项目】
```
npm run serve
```

### Compiles and minifies for production【对项目进行打包 -> 打包后的文件在dist目录下】
```
npm run build
```

### Lints and fixes files 【项目格式化】
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).


# 2. Backend project deployment【二、后端项目部署】

## Enter server directory【进入server目录】
```
cd server
```

## Download Dependencies【下载相关依赖】
```
npm install
```

## Run the back-end code【运行后端代码】
```
node app.js
```