在开发过程中,如果页面有单个图表:
解决办法:
单个Echars图表自适应屏幕大小:
myChart.setOption(option);
//控制图标自适应屏幕大小
window.onresize = function () {
myChart.resize() //myChart为图表实例名
}
在开发过程中,如果页面有多个图表,我们按照之前得写法会发现,只有一个图表自适应,其他还是原来得样子:
原因:一个页面中得resize方法只能绑定一次
解决办法:(通过addEventListener方式可绑定多个来解决)
多个Echars图表自适应屏幕大小:
myChart.setOption(option);
// 控制图表自适应屏幕大小
window.addEventListener("resize",function(){
myChart.resize(); //myChart为图表实例名
}