React Echarts 拖拽

具體demo見:

https://github.com/liuyuqin1991/react-echart-demo

項目介紹:

這是一個react集成echart並實現動態添加,可拖拽,可配置圖表的demo例子,功能如下:

用戶可以動態添加某類型的圖表到指定位置

用戶可以任意拖拽各個添加的圖表

用戶可以配置任意一個圖表

分支demo介紹

demo1:實現最簡單的webpack與react集成,並輸出字符串

demo2:實現在demo1的基礎上添加CSS樣式,增加生產環境編譯打包,增加一些生產環境插件

demo3:實現了最簡單的react echart webpack的集成,展示一個簡單的echart報表

demo4:加入Echarts通用配置工廠,並使用

demo5:Echarts圖表標題屬性實時配置及顯示

demo6:集成react antd組件,再加入一個標題是否顯示屬性實時配置及顯示

demo7:實現可動態創建線形圖與餅圖及配置,且各個圖只針對對應的配置,不會影響到其他圖表

demo8:加入react-draggable組件,實現圖表複製與拖拽

運行步驟:

1.安裝node

2.運行 npm install

3.運行 npm run server

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章