Echarts图表大小随窗口变动而自适应变动（resize）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Echarts图表大小随窗口变动而自适应变动（resize）相关的知识，希望对你有一定的参考价值。
参考技术A 数据可视化的时候用到echarts，要想生成图表能够根据大小自适应，就要用到echarts自己的resize方法。chartDemo是echarts实例，this.$refs.chartContainerParent是echarts元素父级元素。1、页面大小变化（window.onresize）
2、上面的写法遇到有左导航栏的，导航栏打开关闭切换就歇菜了。这时候就会用到resize-detector这个插件去监听echarts实例元素的父级元素。resize-detector是个npm插件，地址： https://www.npmjs.com/package/resize-detector 。用法上地址有，但还是要写一下我在vue里的使用😀。
网上很多都是window.onresize，所以就把第二种写出来了，希望对大家能有帮助，有用就点个赞么，靓仔靓女🤣。
以上是关于Echarts图表大小随窗口变动而自适应变动（resize）的主要内容，如果未能解决你的问题，请参考以下文章