一分钟学会在react中简单应用echart
1.首先安装echart、echarts-for-react
npm install echarts --save
npm install --save echarts-for-react
2、在相应组件中引入模块
import * as echarts from 'echarts';
import ReactEcharts from 'echarts-for-react';
3、使用的时候非常简单
用的时候只需要在官网找到你需要的的模板,将里面的option里的代码复制在下方你自己写代码里的option里,根据需求改变相应的数据
官网
可以直接点击进入各个案例
找到想要的,例如:
必须要的代码
import React,{
Component}from 'react'
export default class Pie extends Component {
getOption = ()=>{
let option = {
//粘贴上面复制过来的代码
};
return option;
};
render() {
return (
<div>
<ReactEcharts option={
this.getOption()}/>
</div>
)
}
}
完毕,就这么简单,附个自己使用的案例
import React, {
Component