React框架中使用Echarts

React框架中怎么使用Echarts插件

1.要使用该插件肯定要先下载该插件：

npm  install  echarts  --save

2.下载完之后就可以项目中使用了，但是在React框架中使用，必须还要下载一个echarts-for-react 库：

npm  install  echarts-for-react  --save

3.下载完上述两个插件之后就可以在React项目中使用到Echarts插件了
项目中使用如下:

import React, {Component} from 'react';    //引入React核心库与组件模块
import ReactEcharts from 'echarts-for-react';  //引入echarts-for-react插件 用于在React框架中渲染echarts，该插件会自动将Echarts实例绑定到一个DOM节点上。

...省略一些不重要的代码

render(){
	const option={...echarts表格的一些配置}
	
	return(
		<ReactEcharts
			option={option}
			style={{...设置在页面中的宽高}}
		>
		</ReactEcharts>
	)
}
//最后导出
export     default   组件名;  

这就完成了，使用呢和使用普通组件没有什么区别。(注意上述配置为必须)