百度Echart 3.0的react封装使用例子
发布时间：01/15 来源： 浏览：
关键词：
Echart是百度做的一个不错的图形统计js了，我们下面来看一篇关于百度Echart 3.0的react封装使用例子，具体的操作细节如下所示。
github项目地址：https://github.com/hustcc/echarts-for-react
DEMO地址：http://git.hust.cc/echarts-for-react/#/?_k=l9a9ca
使用非常简单
一、安装
npm install echarts-for-react
二、引入使用
import React from 'react';
import ReactEcharts from 'echarts-for-react';
<ReactEcharts
option={this.getOtion()}
style={{height: '300px'}}
theme={"theme_name"}
onChartReady={this.onChartReadyCallback}
onEvents={EventsDict} />
目前ReactEcharts有以下属性：
option、style、theme、className、onChartReady、showLoading、onEvents。大家可以去github上看readme文件。
另外API方法，只有一个getEchartsInstance()方法获取echarts的实例对象，然后就可以调用echarts的所有API方法了。
