React实现拖拽生成配置的Echart图表

1、演示效果

react快速配置echart图形

写了一个简单的可实现通过配置文件,对不同数据形态直接拖拽生成echart图表;

2、引用的插件

1、react-dnd   拖拽
2、react-color   颜色选择
3、ant           布局框架(非必须)
4、echart        图标插件3、npm install  安装

3、源码下载

https://github.com/xingxiaoyiyio/React-Quick-eChart

喜欢的化给个start哟,会持续优化更新的!

4、运行说明

1、npm install   安装插件

2、npm   start   本地运行

ps:组件没有做封装,代码有些乱,仅供参考

 

 

作者:龙骑士baby
         
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
原文地址:https://www.cnblogs.com/xingxiangyi/p/8435564.html