React Echarts 拖拽<github持续更新中>

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

猜你喜欢

转载自blog.csdn.net/liuyuqin1991/article/details/78932873