在ue中多个web broswer 使用echart的兼容适配踩坑

为了让echart显示，得设置完全居中，并设置响应得比例显示。

而且出现滑块的情况，直接给他隐藏 ，因为调整ue中的宽度，可能滑块还是会显示，只能设置overflow: hidden;来处理这个问题，

在ue中支持设置支持透明度选项，

image.png

通过

echart.resize({ // 设置echart的宽高
                width: containerWidth,
                height: containerWidth / aspectRatio
            });

来重新设置响应的宽度，通过监听window.addEventListener('resize', function () {来监听窗口变化重新设置，
本来打算实现 echart高宽就等于webview的高宽，但是发现 效果不行，干脆写死比例，让html的宽高比去适应ue中已经配置好的浏览器宽高比，上图实际上是4个浏览器而不是一个大浏览器实现的。
如果一个大浏览器就要研究透明穿透效果。估计官方自带的是不行了