美文网首页
在ue中多个web broswer 使用echart的兼容适配踩

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

作者: 吉凶以情迁 | 来源:发表于2023-07-04 10:37 被阅读0次

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

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

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

    image.png

    通过

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

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

    相关文章

      网友评论

          本文标题:在ue中多个web broswer 使用echart的兼容适配踩

          本文链接:https://www.haomeiwen.com/subject/seacudtx.html