为了让echart显示,得设置完全居中,并设置响应得比例显示。
而且出现滑块的情况,直接给他隐藏 ,因为调整ue中的宽度,可能滑块还是会显示,只能设置overflow: hidden;
来处理这个问题,
在ue中支持设置支持透明度选项,
![](https://i-blog.csdnimg.cn/blog_migrate/1543a2e03d9a6248f20e520af32e9e1c.png)
image.png
通过
echart.resize({ // 设置echart的宽高
width: containerWidth,
height: containerWidth / aspectRatio
});
来重新设置响应的宽度,通过监听window.addEventListener('resize', function () {
来监听窗口变化重新设置,
本来打算实现 echart高宽就等于webview的高宽,但是发现 效果不行,干脆写死比例,让html的宽高比去适应ue中已经配置好的浏览器宽高比,上图实际上是4个浏览器而不是一个大浏览器实现的。
如果一个大浏览器就要研究透明穿透效果。估计官方自带的是不行了