echarts与threejs结合

我想将echarts 3D图表案例放入threejs vr案例场景中，开启vr能看到效果，但是不开启vr可以，开启vr后3D图表消失不见了
请问一下开启vr后如何显示图表(开启vr模式需安装WebXR 扩展)

DOCTYPE html>
"en">
 

    
    "utf-8">
    "viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    "text/css" rel="stylesheet" href="main.css">
 



 

    
"container">
        
"main" style="width: 100%;height: 100%;position: absolute;">
 
    
 
    
"info">
        "https://threejs.org" target="_blank" rel="noopener">three.js vr - panorama with depth

        Created by "https://orfleisher.com" target="_blank" rel="noopener">@juniorxsound. Panorama from "https://krpano.com/examples/?depthmap" target="_blank" rel="noopener">krpano.
    
    
 
 
 
    

 

 

看下是不是定位覆盖主了，就是遮盖到后面了

参考链接,看看是否可行

threejs 制作产品3d展示页面_Lynn_Chan的博客-CSDN博客_threejs 产品展示 需求公司XX产品线，有一些产品，都配合有专业的结构设计，因此产生了较多的结构设计文件，之前渲染过3D动画，效果还不错，但要想去向客户去直观展示还有点不够炫酷，因此决定采用web3D 页面的方式呈现出来。能达到更沉浸式体验。结果废话不多说，先上结果，看起来还是凑合，首次撸前端代码，不足之处，大神们莫要拍砖。框架和库three.js(3D) + jQuery + bootstrap + ... https://blog.csdn.net/ccchen706/article/details/85101955?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166780887516800192265883%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=166780887516800192265883&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-4-85101955-null-null.nonecase&utm_term=echarts%E4%B8%8Ethreejs%E7%BB%93%E5%90%88&spm=1018.2226.3001.4450

看到有个思路是：使用THREE.CanvasTexture通过echarts图表库canvas生成Texture，然后贴图，render时设置材质更新。
具体详情可以参考这个：
https://blog.csdn.net/qq_34887145/article/details/123108453

• 给你找了一篇非常好的博客，你可以看看是否有帮助，链接：Threejs 结合Echarts（V4）生成静态的数据展示信息

https://blog.csdn.net/zhuifeng33/article/details/109398458