最近在开发过程中使用echarts做图形报表,开发场景为:单页面有多个图表,展示图表效果是没什么问题。当我调整浏览器窗口大小的时候,问题来了:图表不会根据浏览器的窗口大小而进行适应性的调整大小,这个问题很严重,非常影响用户的体验,作为一个合格的程序员,我们一定要解决这个问题。后来翻阅文档找到了合适的解决方案。
##### 解决方案一:(适用于单页单图表)
在setOption(xxx)之后写 window.onresize = myChart.resize; //myChart指自己定义的echartsDom对象
##### 解决方案二:(适用于单页多图表)
在setOption(xxx)之后写 window.addEventListener("resize",function(){
myChart.resize(); //myChart指自己定义的echartsDom对象
});
* 以上解决方案已亲测,如有问题可以回复指出。