公司前一段時間有需求，要實現echart組件化，實現自定義添加、刪除、修改、拖拽等功能，於是就抽時間實現了下
利用vue+vuex+axiso+vuedraggable+elementui+mock實現,直接上圖吧，代碼在git，稍后會發地址
1、默認主頁，不可拖拽
2、點擊編輯，可進行圖表的拖拽、刪除、修改名稱功能
3、點擊添加，可以添加自定義圖表，當然里面都是固定自己寫的圖表，想添加更多的圖表可以自己往里面加，文件在utils/chartview.js 
4、點擊修改icon可以修改圖表名稱，只加了這一個功能，更多功能有用到的小伙伴們可自行添加
5、圖表可拖拽，改變位置，點擊保存可以將改變后的順序保存發送給后端，當然這是前端代碼並沒有數據庫，所以只是假性保存，刷新一下又會恢復，有用到的可以自行修改
還有功能沒有完善，會逐漸更新並上傳git，如果有需要的可去git上下載，如果對你有幫助麻煩點一下star就是對我最大的支持，代碼不是很好，會逐漸完善，歡迎小伙伴們批評建議,也可以一起討論
git: https://github.com/zzhewd/datavisualization
Email:544785380@qq.com
題外話：另外git上也有一些自己寫的demo歡迎參閱，如有幫助麻煩點個star，如有轉載請注明出處，謝謝
每一個努力的人都值得被肯定，但是最大的肯定來源於自己！！！
加油每一天！！！