当前位置:网站首页>UE4 WebBrowser图表不能显示问题

UE4 WebBrowser图表不能显示问题

2022-06-24 19:48:00 foenix66

UE4 WebBrowser图表不能显示问题

问题奇怪

UE4嵌入自带的WebBrowser显示网页,其他部分都是正常的,唯有页面上的图表(echarts)无法显示。
在这里插入图片描述各种浏览器测试都是正常的,将UE4输出到移动端也是正常显示的,唯有PC显示不了。

测试加载别人家的图表页面显示却是正常的,可以确定webbrowser是能支持网页图表的。经过一些列的折腾,升级网页插件,最终写最简单的图表页面,终于显示正常了
在这里插入图片描述

最终测试

通过以下代码

    $(document).ready(function () {
    
        alert(window.innerWidth + "*" + window.innerHeight);
    });

最终发现问题出在PC的WebBrowser插件在网页ondocumentready时,页面大小是0x0。如果echarts的dom对象css是按固定px大小的设置,是可以正常显示的,按照页面%设置的,就显示不了了(因为ondocumentready时页面大小是0x0)
在这里插入图片描述

解决办法

在网页上增加以下javascript脚本

window.addEventListener('resize', myChart.resize);

WebBrowser在加载完成以后会按照布局大小重新设置一次页面尺寸,在设置到正常浏览器大小以后,重置chart的尺寸
在这里插入图片描述

原网站

版权声明
本文为[foenix66]所创,转载请带上原文链接,感谢
https://vrfab.blog.csdn.net/article/details/125447988