这是一个react集成echart并实现动态添加,可拖拽,
项目介绍:
这是一个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
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。