具體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