关于Echarts使用问题之图表自适应浏览器窗口缩放图形

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010197393/article/details/82892677

       最近在开发过程中使用echarts做图形报表，开发场景为：单页面有多个图表，展示图表效果是没什么问题。当我调整浏览器窗口大小的时候，问题来了：图表不会根据浏览器的窗口大小而进行适应性的调整大小，这个问题很严重，非常影响用户的体验，作为一个合格的程序员，我们一定要解决这个问题。后来翻阅文档找到了合适的解决方案。

##### 解决方案一:（适用于单页单图表）

           在setOption（xxx）之后写     window.onresize  = myChart.resize;    //myChart指自己定义的echartsDom对象
             

 

##### 解决方案二:（适用于单页多图表）        

            在setOption（xxx）之后写     window.addEventListener("resize",function(){

                                                               myChart.resize();   //myChart指自己定义的echartsDom对象

                                                        });

 

* 以上解决方案已亲测，如有问题可以回复指出。

 

阅读更多