解决在ie11浏览器下echarts图不显示问题
程序员文章站
2022-05-25 19:02:21
...
因为是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(); // 重建
}
上一篇: PyPDF2中文配置
下一篇: ResourceLoader