现在经手的项目中需要用到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了