# data-visualization

**Repository Path**: zspt_sf/data-visualization

## Basic Information

- **Project Name**: data-visualization
- **Description**: 前几天2020年各地区GDP总量出炉，就想做个简单的大数据面板记录一下，使用Vue+Echarts+element-ui+vue-seamless-scroll完成
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 14
- **Forks**: 5
- **Created**: 2021-04-10
- **Last Updated**: 2024-08-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# data-visualization

#### 介绍
前几天2020年各地区GDP总量出炉，就想做个简单的大数据面板记录一下

#### 软件架构
  <a href="https://github.com/vuejs/vue">
    <img src="https://img.shields.io/badge/vue-2.6.11-brightgreen.svg" alt="vue">
  </a>
  <a href="https://github.com/ElemeFE/element">
    <img src="https://img.shields.io/badge/element--ui-2.15.1-green.svg" alt="element-ui">
  </a>
  <a href="https://github.com/apache/echarts">
    <img src="https://img.shields.io/badge/echarts-5.0.2-blue.svg" alt="echarts">
  </a>
  <a href="https://github.com/chenxuan0000/vue-seamless-scroll">
    <img src="https://img.shields.io/badge/vue--seamless--scroll-1.1.23-yellow.svg" alt="vue-seamless-scroll">
  </a>

#### 安装教程

1.  先把项目拉取到本地`git clone https://gitee.com/zspt_sf/data-visualization.git`
2.  `cd data-visualization`进入项目目录
3.  打开终端输入`npm install`下载所需框架插件

#### 使用说明

1.  打开终端输入`npm run serve`运行
2.  默认通过[http://localhost:8080](http://localhost:8080)访问

#### 项目展示

1.  项目截图
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210412091229683.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzgzNjU0,size_16,color_FFFFFF,t_70)
动态效果图：
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210412091351883.gif)
2.  演示地址
[http://zspt_sf.gitee.io/data-visualization-view](http://zspt_sf.gitee.io/data-visualization-view)
3.  相关文章阅读
[Vue使用ECharts完成2020年全国各地区GDP总量大数据可视化面板（附源码）](https://blog.csdn.net/qq_42783654/article/details/115611681)