echarts图表在IE下不显示的一种尝试性解决办法

现在经手的项目中需要用到echarts来绘制图表,开始并没有兼容IE的需求,后期突然加上,然后就出现以下问题
在这里插入图片描述
且并非多图标会出现错误,而是只要在IE下饼图就会出现载入不全的问题,

在网上查了半天,都说要加meta标签的,但使用的echart版本和我对不上

后面当拖动浏览器窗口时,未被渲染的图表就会被渲染,
于是一查代码发现window.resize绑了一个用来做图表自适应的,mycharts.resize方法。

抱着试一试的态度测了一下这个方法,没想到真的解决了这个问题

下贴方法,不保证非饼图能用,仅做参考和记录

	//初始化echarts
	view = document.querySelectorAll('.phoneView')[0]
	let myCharts = echarts.init(view)
    myCharts.setOption(this.option, true)
    
    //添加拉动窗口自适应
    window.onresize = myCharts.resize
    
    //重点就是这句,初始化之后先执行一边=遍重绘即可
 	myCharts.resize()

顺便一提,在IE上grid布局(栅格布局)是不兼容的,先看看图表是不是某一边被缩成0了

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值