关于echarts图表根据父元素宽度进行自适应

49次阅读

共计 318 个字符,预计需要花费 1 分钟才能阅读完成。

有时候 echarts 设置了图表后,放大浏览器和缩小浏览器,父元素会跟着浏览器大小进行放大和缩小,而图表不会跟着父元素大小进行变化,这时候我们可以设置 echarts 对象,让他可以实现这样的效果。

 官方文档如下:ECharts 没有绑定 resize 事件,显示区域大小发生改变内部并不知
道,使用方可以根据自己的需求绑定关心的事件,主动调用 resize 达到
自适应的效果,常见如 window.onresize = myChart.resize。注意:如果这个页面有多个图表:// 多图表自适应
window.addEventListener("resize", function () {myChart.resize();
myChart2.resize();});

正文完
 0