美文网首页
在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个浏览器而不是一个大浏览器实现的。
如果一个大浏览器就要研究透明穿透效果。估计官方自带的是不行了

相关文章

  • echart 踩坑之路

    资料 echart 官网 echart github 地址 漫漫踩坑路 1. 在低分辨率的电脑上使用时,出现文字和...

  • web前端基础兼容问题

    目的: 在web移动端项目开发中,经常会遇到各种各样的兼容性问题,但是之前都缺少总结,以前踩的坑可能还会再去踩一遍...

  • flex兼容问题

    目的: 在web移动端项目开发中,经常会遇到各种各样的兼容性问题,但是之前都缺少总结,以前踩的坑可能还会再去踩一遍...

  • SPA在微信浏览器中的兼容问题

    目的: 在web移动端项目开发中,经常会遇到各种各样的兼容性问题,但是之前都缺少总结,以前踩的坑可能还会再去踩一遍...

  • Echarts报错 Cannot read property ‘

    最近vue中使用Echart时发现不兼容的地方,出现奇怪的报错Error in mounted hook: “Ty...

  • web开发中css布局 iPhone 调试方法

    在web开发中做兼容是一个必然少不了的问题,这里将介绍我在开发过程中适配iPhone浏览器时的调试方法 首先我想说...

  • 移动端像素及视口的理解

    聊聊移动端的适配 H5开发相对于PC端web的开发,可以不用兼容那么多浏览器了,但是需要适配各种屏幕尺寸的适配。 ...

  • JS设计模式---10.适配器模式

    适配器模式的作用 适配器模式可用来在现有接口和不兼容的类之间进行适配,使用这种模式的对象又叫包装器。(个人理解其实...

  • 屏幕适配

    适配 什么是适配?适应、兼容各种不同的情况 iOS开发中的适配?系统适配针对不同版本的操作系统进行适配屏幕适配针对...

  • UI基础7 适配

    适配 什么是适配? 适应、兼容各种不同的情况 移动开发中,适配的常见种类 系统适配针对不同版本的操作系统进行适配 ...

网友评论

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

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