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

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

官方文档如下:
    ECharts没有绑定resize事件,显示区域大小发生改变内部并不知
道,使用方可以根据自己的需求绑定关心的事件,主动调用resize达到
自适应的效果,常见如window.onresize = myChart.resize。

注意:
    如果这个页面有多个图表:

//多图表自适应
window.addEventListener("resize", function () {
myChart.resize();
myChart2.resize();
});

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理