GithubHelp home page GithubHelp logo

yuzhuo-jia / vuedraggable-2 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from zengxianlin/vuedraggable

0.0 0.0 0.0 1.4 MB

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

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

JavaScript 41.18% HTML 0.45% Vue 53.50% CSS 4.87%

vuedraggable-2's Introduction

一个可拖拽图表

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

vuedraggable-2's People

Contributors

zengxianlin avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.