问题遇到的现象和发生背景
问题相关代码，请勿粘贴截图
这是其中一张图“建设中项目分布”,给了自适应的宽度，高度也给自适应就会出问题，没有图片会显示“暂无数据”
运行结果及报错内容
我的解答思路和尝试过的方法
看过网上介绍，说echarts缩放监听屏幕宽度，但是试了效果并不理想
function chartssize(container, charts) {
function getStyle(el, name)
{
if (window.getComputedStyle) {
return window.getComputedStyle(el, null);
} else {
return el.currentStyle;
}
}
let wi = getStyle(container, 'width').width;
let hi = getStyle(container, 'height').height;
charts.style.height = hi;
}
window.addEventListener("resize", () => {
buildingProjectSpreadChart.resize();
});
我想要达到的结果
这是多个echarts图放在一个屏幕中。
1.现在想要的结果是跟随屏幕百分比自适应放大和缩小，如第二张图可见echarts图已经不在它所在区域正中间了，因为echarts图是给的固定450x300的大小，后来勉强给了宽度百分比，给百分比大小echarts不太
支持。
2.字体大小是用的px单位，不能随着放大缩小而变化，但是看到其他人代码也是px单位但是能随屏幕放大缩小，我不确定是不是媒体查询的原因
