解决在ie11浏览器下echarts图不显示问题
因为是react项目，所以使用了echarts-for-react（基于echarts的封装），实际效果在谷歌浏览器正常显示，但在ie11中无法显示。问题分析：可能对echarts的外部容器设置了动态显示隐藏属性，导致echarts实例不能正常的销毁重建（在我的实际业务场景中，是需要在modal弹出层上创建一个echarts图，弹出层会根据用户点击显示隐藏）解决方案：import ReactEch
·
因为是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(); // 重建
}
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)