react-echarts

在有些后台项目中我们常常会用到一些图表，用echarts、hcharts都能实现本章我们主要介绍前者，本着拎包入住的原则，我们废话不多说，开搞

1.项目中引入echarts依赖

    a. npm install --save echarts

2.打开echarts的官网开始copy

    a.贴上网址：http://echarts.baidu.com/index.html

3.找到自己想要的图表

    a.我框起来的代码直接copy

4.在react中实现

    a.在JS的头部直接引入

    b.import ECharts from 'react-echarts';         //引入react-echarts包，实现echarts实现

    c.插入控件

    d.<ECharts option={Option} />

    e.Option是我们从官网上copy的json对象

5.实现效果

项目源码地址请参考我的第一篇文章：

《什么是react》