同一页面多个Echarts图表,自适应浏览器窗口大小
在一个项目中使用多个echarts图表,做浏览器窗口大小自适应,查了很多资料,得到以下解决方法:
mapChart.setOption(mapOption);
taskChart.setOption(taskOption);
所有的图渲染完成后,在最后加上:
window.onresize = function () {
mapChart.resize();
taskChart.resize();
}
本文介绍了一种在项目中使用多个Echarts图表时,实现浏览器窗口大小自适应的方法。通过在所有图表渲染完成后,添加窗口大小改变事件监听,调用每个图表的resize方法,确保图表在窗口大小变化时能保持良好的视觉效果。
2万+





