关于echarts的重新加载与渲染

！！！踩了多少的坑我的天呐！！！！echarts催人命！！！！！

坑坑1：

根据返回数据加载不同的echarts组件

import React from 'react';
import {observer} from 'mobx-react';
import intl from 'react-intl-universal';
import echarts from 'echarts/lib/echarts';
import { Modal,Icon, Tooltip } from '../../../components/antd/index';
import MonthGrowthTrend from './MonthGrowthTrend';
import EarlyWarnRanking from './EarlyWarnRanking';
import DistributionLog from './DistributionLog';
// 引入柱状图
import  'echarts/lib/chart/bar';
// 引入提示框和标题组件
import 'echarts/lib/component/tooltip';
import 'echarts/lib/component/title';
@observer
class monitorDataFlowContainer extends React.Component {
//写入所有的方法、state、构造
    render() {
    return (
        <div store={this.props.store} >。。。</div>
    )
  }
}

@observer
class MonthGrowthTrendComponent extends React.Component {
//或者直接引入组件
  render() {
    return (
        <MonthGrowthTrend store={this.props.store} />
    )
  }
};
@observer
class EarlyWarnRankingComponent extends React.Component {
  render() {
    return (
        <EarlyWarnRanking store={this.props.store} />
    )
  }
};
@observer
class DistributionLogComponent extends React.Component {
  render() {
    return (
        <DistributionLog store={this.props.store}/>
    )
  }
};
@observer
export default class DataFlowMonitor extends React.Component{
    。。。省略。。
    render(){
//写一个对象引入需要的组件
        const list = {
            'sourcesystem': monitorDataFlowContainer,
            'monthdata': MonthGrowthTrendComponent,
            'earlywarning':EarlyWarnRankingComponent,
            'distributelog':DistributionLogComponent,
          }
          let showCardsList = this.props.store.showCardsList;
          var Com1 = null
          var Com2 = null
          var Com3 = null
          var Com4 = null
//倒霉需求，还得排序！&#x