解决在ie11浏览器下echarts图不显示问题

因为是react项目，所以使用了echarts-for-react（基于echarts的封装），实际效果在谷歌浏览器正常显示，但在ie11中无法显示。

问题分析：

可能对echarts的外部容器设置了动态显示隐藏属性，导致echarts实例不能正常的销毁重建（在我的实际业务场景中，是需要在modal弹出层上创建一个echarts图，弹出层会根据用户点击显示隐藏）

解决方案：

import ReactEcharts from 'echarts-for-react';

  
  

在render方法中加入

 <ReactEcharts
    ref={(e)=>{this.echartsRef=e}} //使用ref绑定echarts实例
    option={this.getOption()}
/>

  
  

在需要动态显示隐藏的逻辑处加入

if(showModal){
	this.echartsRef.dispose();
	this.echartsRef.rerender(); // 重建
}