Skip to content

公司有个项目需要用到拖拽,无奈百度了一番,却发现并没有类似拖拽图表的插件,那就只有自己撸起袖子干了。

Notifications You must be signed in to change notification settings

zengxianlin/vuedraggable

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

一个可拖拽图表

这是基于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

About

公司有个项目需要用到拖拽,无奈百度了一番,却发现并没有类似拖拽图表的插件,那就只有自己撸起袖子干了。

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published