# data_visualization_web_front_end

**Repository Path**: hollowly/data_visualization_web_front_end

## Basic Information

- **Project Name**: data_visualization_web_front_end
- **Description**: data_visualization_web_front_end
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-03-31
- **Last Updated**: 2021-08-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 软件杯 B1

---

## 1 介绍
民航业信息系统每天产生海量的业务交易数据，航司、机场、监管机构等民航从业者需要对数据进行深入挖掘，为决策提供数据依据。传统的固定模式的数据统计已经显露短板，客户现在需要更灵活的、定制化的数据统计。通常，数据分析师使用BI工具进行挖掘分析、设计数据报表和仪表板等数据产品。随着数据量不断攀升，在本地做数据分析效率低下的瓶颈凸显，B/S架构的BI工具可能更加适合大数据的潮流。

设计实现一个在线数据可视化分析（BI）平台。平台通常为 B/S 架构，在客户端浏览器中，实现拖拽式的操作方式，具备数据选择、数据聚合、图表展现、仪表板等功能；在服务器端实现数据处理逻辑。

---
## 2 技术栈(前端)

Vue + Vue-Router + Webpack + ES6 + dataV + Axios + PostgreSQL

---

## 3 功能
1、数据源接入：支持对接PostgreSQL数据仓库（如Greenplum、EDB等），支持本地上传csv/xlsx文件  
2、数据预处理：数据选择，数据列合并/拆分，多表关联，数据过滤，字段别名等  
3、数据分析计算：求和、平均值、最大/小、计数/唯一计数、标准差、方差等多种度量指标计算方式，支持自定义构建计算指标，有能力者可设计高级分析功能，比如拟合、预测、聚类等  
4、图表展现：数据表、柱状图、折线图、散点图、饼图、面积图等，可自定义x/y轴  
5、仪表板：可将设计好的图表进行排版，多表联动等，图表和仪表板可通过图片或数据形式导出  

---

## 4 运行

**运行此项目需要 vue，node.js 的开发环境**

### 4.1 安装包文件
```
npm install
```
### 4.2 运行项目
```
npm run serve
```
> 如果只是观看项目结果，步骤只需要到 npm run serve 就可以了.
### 4.3 构架项目
```
npm run build
```
### 4.4 测试项目
```
npm run serve
```
### 4.5 修复项目
```
npm run lint
```