eCharts 多个图表自适应窗口大小

Posted 皮皮是只公喵

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了eCharts 多个图表自适应窗口大小相关的知识,希望对你有一定的参考价值。

单个图表自适应页面窗口只需要在,创建图表节点后面添加一句代码就可以了:

window.onresize = myChart.resize;

多图表要自适应页面,创建图表节点后面添加事件,并在事件函数里面添加对于的代码:

//图表自适应页面
                window.addEventListener("resize", function () {
                  myChart01.resize();
                  myChart02.resize();
                  myChart03.resize();
                  myChart04.resize();
                  myChart05.resize();
              });

 

原文链接点击这里

 

以上是关于eCharts 多个图表自适应窗口大小的主要内容,如果未能解决你的问题,请参考以下文章

echarts图表初始大小问题及echarts随窗口变化自适应

Echarts图表变形与自适应解决方案

Echarts图表大小随窗口变动而自适应变动(resize)

echarts自适应

echarts学习总结:一个页面存在多个echarts图形,图形自适应窗口大小

echarts生成的图表大小怎么随屏幕的大小改变自适应