Echarts跟随容器自适应大小问题
窗口大小改变市echarts图表常常会溢出,这时候会很难看,于是查看文档和百度下后,有如下解决方案:
var myChart = echarts.init(document.getElementById('main')); var option = { ... }; myChart.setOption(option); window.onresize=function(){ myChart.resize(); }
,当页面有多个图表展示时,这种写法就没法满足需要了,于是可以这样
var chartsArr=[]; myChart1.setOption(option); chartsArr.push(myChart1); myChart2.setOption(option); chartsArr.push(myChart2); myChart3.setOption(option); chartsArr.push(myChart2); window.onresize=function(){ for(var i=0;i<chartsArr.length;i++){ chartsArr[i].resize(); } }
ok!