echarts图表怎么设置响应式,自适应大小

echarts图表怎么设置响应式,自适应大小

问题描述:

echarts图表怎么设置响应式,自适应大小


如上图,用vue-cli的方式写的两个折线图。一个父组件,这两个折线图是两个分别的子组件。
要怎么写才能实现折线图随屏幕大小伸缩

浏览器伸缩后,如果缩的不是特别小 echarts 看起来还不会变形。
但是如果缩得特别小时,echarts 图就会堆叠,此时需要重新渲染以适应新的 DIV 大小了。试试添加浏览器的缩放事件,重新绘制 echarts 图。