有时候echarts设置了图表后,放大浏览器和缩小浏览器,父元素会跟着浏览器大小进行放大和缩小,而图表不会跟着父元素大小进行变化,这时候我们可以设置echarts对象,让他可以实现这样的效果。
官方文档如下:
ECharts没有绑定resize事件,显示区域大小发生改变内部并不知
道,使用方可以根据自己的需求绑定关心的事件,主动调用resize达到
自适应的效果,常见如window.onresize = myChart.resize。
注意:
如果这个页面有多个图表:
//多图表自适应
window.addEventListener("resize", function () {
myChart.resize();
myChart2.resize();
});
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。