欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

解决在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