# vuedraggable

**Repository Path**: AdminFang/vuedraggable

## Basic Information

- **Project Name**: vuedraggable
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2019-10-19
- **Last Updated**: 2021-01-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: 曾宪林 877529974qq.com
 * @Date: 2019-07-18 15:41:21
 * @Last Modified by: 曾宪林
 * @Last Modified time: Do not edit
 * @Description: 简言
 -->
## 一个可拖拽图表
> 这是基于vue2 + vuedraggable + echarts + iview + 写的的一个可拖拽图表的demo！
公司有个项目需要用到拖拽，无奈百度了一番，却发现并没有类似拖拽图表的插件，那就只有自己撸起袖子干了。
------
### 效果图

![效果图1](https://github.com/zengxianlin/vuedraggable/blob/master/src/assets/00.jpg)

![效果图2](https://github.com/zengxianlin/vuedraggable/blob/master/src/assets/01.jpg)

![效果图3](https://github.com/zengxianlin/vuedraggable/blob/master/src/assets/02.gif)

### 技术栈
在此DEMO中使用了一下技术
* vue2
* vuedraggable
* echarts
* iview

### 项目地址：（`git clone`）

```shell
git clone https://github.com/zengxianlin/vuedraggable.git
```
### 安装

```
npm install
```

### 运行

```
npm run dev
```
浏览器输入:http://localhost:8080

### 发布

```
npm run build
```
### 感谢

感谢您的来访 ，如果对于您有帮助 ，麻烦您使劲的给个Star吧 ！

> 联系方式：
> QQ:877529974
> 微信：15018791515


### 再次感谢

感谢热心网友提供的文章支持！

> https://sortablejs.github.io/Sortable/

> https://sortablejs.github.io/Vue.Draggable/#/simple

> https://blog.csdn.net/zjiang1994/article/details/79809687