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图表大小随窗口变动而自适应变动(resize)