使用echarts-for-react 在react中、AntDesign中实现图表（柱状图、折线图、饼图等）

（1）首先安装依赖文件

npm install --save echarts-for-react
npm install --save echarts

（2）在图表页面引入：

import ReactEcharts from 'echarts-for-react';

（3）页面中使用：

<ReactEcharts option={this.getOption()} />

（4）完整的代码：

【柱状图】：

/**
 * 柱状图
 */
import React ,{Component} from 'react';
import {Card} from 'antd'
import ReactEcharts from 'echarts-for-react';
class Bar extends Component{
    constructor(props){
        super(props)
        this.state = {
            sales:[5, 20, 36, 10, 10, 20],
            stores:[15, 120, 36, 110, 110, 20]
        }
    }
    /**
     * 柱状图的配置对象
     */
    getOption = (sales,stores) =>{
        return {
            title: {
                text: 'ECharts 入门示例'
            },
            tooltip: {},
            legend: {
                data:['销量','库存']
            },
            xAxis: {
                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
            },
            yAxis: {},
            series: [{