echarts图表本身提供了一个resize函数，当浏览器页面发生resize事件的时候，让表格触发echats的resize事件，然后重绘canvas

页面只有一个echarts图表时，用window.onresize = myChart.resize;即可完成自适应
当一个页面有多个echarts图表时，使用时间绑定方法addEvebtListener可以解决

window.addEventListener("resize",()=>{
       this.myChart.resize();
       this.myChart2.resize(); 
       this.myChart3.resize();  
}); 

myCharts.setOption(option);
window.addEventListener("resize", () => { myCharts.resize();});

myCharts2.setOption(option);
window.addEventListener("resize", () => { myCharts2.resize();});

• 本文标题： Echarts图表实现响应式
• 文章分类：【VueJS】
• 非特殊说明，本文版权归【胡同里的砖头】个人博客 所有，转载请注明出处.

• 上一篇：阿里云OSS之https域名解析
• 下一篇： echarts高度自适应