森大屏的引用和切换

目前森大屏已经是支持在低代码环境中加载了，可直接在我的图表中找到对应的森大屏图表进行引入


找到对应的森大屏资源双击即可引用.
(1)森大屏如何切换加载另一套森大屏
可定于变量 chart 将ui赋值给chart，之后就可以通过destroy（）方法清除大屏，再加载其他的大屏图表，以下是代码示例。可更换为自己的图表id查看效果

1. var chart
   
2. // 在线开发引入森大屏图表脚本
   
3. THING.Utils.dynamicLoad(['https://www.thingjs.com/static/plugins/thing.charts.min/1.0.0/thingjs-charts.umd.js'], function () {
   
4.     // 创建图表
   
5.     new THING.CHARTS({
   
6.         id: 'ca245fce3cc34568bb8be790f7677416', // 场景id
   
7.         el: document.getElementById('div2d'), // 挂载节点
   
8.         baseUrl: 'https://charts.thingjs.com', // 地址
   
9.         hide3D: true, // 隐藏场景内的3D，默认为false
   
10.         hideCanvasBackground: true, // 画布背景色是否设置为透明的，默认false
    
11.         complete(ui) {
    
12.             // 回调函数，ui是场景实例
    
13.             // ui.destroy()
    
14.             chart = ui
    
15. 
    
16.         },
    
17.     })
    
18. })
    
19. // 加载完成事件
    
20. app.on('load', function (ev) {
    
21.     /* 参数:
    
22.      * ev.campus            园区,类型:Campus
    
23.      * ev.buildings        园区建筑物,类型:Selector
    
24.      */
    
25.     var campus = ev.campus;
    
26.     console.log('after load ' + campus.id);
    
27.     // 切换层级到园区
    
28.     app.level.change(campus);
    
29.    
    
30. 
    
31.             app.on(THING.EventType.EnterLevel, '*', function (ev) {
    
32.                 chart.destroy()
    
33.                 new THING.CHARTS({
    
34.                     id: 'bbfe09528d9245b7be8a68f5aceaa03c', // 场景id
    
35.                     el: document.getElementById('div2d'), // 挂载节点
    
36.                     baseUrl: 'https://charts.thingjs.com', // 地址
    
37.                     hide3D: true, // 隐藏场景内的3D，默认为false
    
38.                     hideCanvasBackground: true, // 画布背景色是否设置为透明的，默认false
    
39.                     complete(ui) {
    
40.                         // 回调函数，ui是场景实例
    
41.                         console.log(ui, ui.el)
    
42. 
    
43.                     }
    
44. 
    
45. 
    
46.                 })
    
47.             })
    
48. 
    
49.    
    
50. })
    

复制代码

加载完成时为第一套图表：

进入层级后触发事件删除第一套图表加载出第二套图表：

OLAF666 发表于 2023-3-15 08:38
切换大屏的时候会有长时间黑屏的情况这个问题开源解决吗？

后续更新版本会解决这个问题

切换大屏的时候会有长时间黑屏的情况这个问题开源解决吗？

6666 已解决 哈哈哈