react echarts

constructor(props){
    super(props)
    this.state = {}
}

componentDidMount() {
    //put 官网实例option前面同级代码
    
    // 基于准备好的dom，初始化echarts实例
    this.myChart = echarts.init(document.getElementById(this.props.id));
    // 绘制图表
    this.myChart .setOption({
    //官网实例option下面代码
    });
    window.addEventListener('resize', this.resize);
}

resize = () => {
    this.myChart.resize();
}

componentWillUnmount() {
    window.removeEventListener('resize', this.resize);
}

render() {
    return (
        <div id={this.props.id}  style={{height: '24px'}}></div>
    );
}

6.从官网拉入代码
把官网实例中option = {}中的代码拉到 this.myChart .setOption(）中间，其他声明放到 componentDidMount() {}下面