<!--
* @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
没有合适的资源?快使用搜索试试~ 我知道了~
基于vue2vuedraggableechartsiview写的的一个可拖拽图表的demo
共51个文件
js:21个
vue:17个
jpg:2个
需积分: 50 36 下载量 153 浏览量
2019-08-10
08:46:06
上传
评论 4
收藏 1.4MB ZIP 举报
温馨提示
基于vue2 vuedraggable echarts iview 写的的一个可拖拽图表的demo
资源推荐
资源详情
资源评论
收起资源包目录
基于vue2vuedraggableechartsiview写的的一个可拖拽图表的demo.zip (51个子文件)
vuedraggable-master
.gitignore 213B
.babelrc 402B
.postcssrc.js 246B
package.json 2KB
src
components
plugSortable
plugRingEchart.vue 1KB
plugHistogram.vue 3KB
plugLineEchart.vue 3KB
plugPieEchart.vue 2KB
plugHistogramEchart.vue 5KB
sortableTable
activeMediaModule.vue 533B
index.vue 3KB
textModule.vue 371B
eventTrendModule.vue 536B
sourceTypeModule.vue 320B
regionModule.vue 306B
websiteModule.vue 1KB
briefingModule.vue 384B
emotionMdoule.vue 472B
monitorModule.vue 383B
sortable.vue 9KB
main.js 724B
assets
02.gif 1.36MB
base.css 3KB
00.jpg 130KB
01.jpg 224KB
App.vue 284B
router
index.js 404B
build
check-versions.js 1KB
build.js 1KB
utils.js 3KB
webpack.base.conf.js 2KB
logo.png 7KB
webpack.dev.conf.js 3KB
webpack.prod.conf.js 5KB
vue-loader.conf.js 553B
static
.gitkeep 0B
README.md 1KB
config
dev.env.js 156B
index.js 2KB
prod.env.js 61B
test.env.js 149B
index.html 270B
test
e2e
custom-assertions
elementCount.js 765B
nightwatch.conf.js 1KB
runner.js 2KB
specs
test.js 561B
unit
setup.js 56B
.eslintrc 58B
jest.conf.js 725B
specs
HelloWorld.spec.js 354B
.editorconfig 147B
共 51 条
- 1
资源评论
weixin_39840914
- 粉丝: 435
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于opencv的dnn模块实现Yolo-Fastest的目标检测python源码+模型+说明(高分项目).zip
- 使用Python调用微信本地ocr服务.zip
- 【精品推荐】人工智能在医疗中的应用.pptx
- 【精品推荐】电子医疗仪器人机接口-(1).ppt
- 【精品推荐】电子医疗仪器人机接口.ppt
- ubuntu镜像ubuntu镜像01
- 基于paddle搭建神经网络实现5种水果识别分类python源码+数据集(高分毕设).zip
- 【精品推荐】电子商务网店类型介绍.ppt
- 基于paddle搭建神经网络实现水果识别分类python源码+数据集(高分项目).zip
- 三菱plc编程口通信学习笔记.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功