Skip to content
公司有个项目需要用到拖拽,无奈百度了一番,却发现并没有类似拖拽图表的插件,那就只有自己撸起袖子干了。
Vue JavaScript CSS HTML
Branch: master
Clone or download

Latest commit

Latest commit 8bfe586 Nov 6, 2019

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build 初始项目 Jul 23, 2019
config 初始项目 Jul 23, 2019
src readme Nov 6, 2019
static
test
.babelrc 初始项目 Jul 23, 2019
.editorconfig 初始项目 Jul 23, 2019
.gitignore 初始项目 Jul 23, 2019
.postcssrc.js
README.md readme Nov 6, 2019
index.html 初始项目 Jul 23, 2019
package.json

README.md

一个可拖拽图表

这是基于vue2 + vuedraggable + echarts + iview + 写的的一个可拖拽图表的demo! 公司有个项目需要用到拖拽,无奈百度了一番,却发现并没有类似拖拽图表的插件,那就只有自己撸起袖子干了。


在线体验

https://zengxianlin.github.io/vue/dragging

效果图

效果图1

效果图2

效果图3

技术栈

在此DEMO中使用了一下技术

  • vue2
  • vuedraggable
  • echarts
  • iview

项目地址:(git clone

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

You can’t perform that action at this time.