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

(1)首先安装依赖文件

npm install --save echarts-for-react

npm install --save echarts

(2)在图表页面引入：

import ReactEcharts from 'echarts-for-react';

(3)页面中使用：

(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: { <