3D模型+BI分析,打造全新的互動式3D視覺化大屏開發方案

葡萄城技术团队發表於2024-03-13

背景介紹

在數字經濟建設和數字化轉型的浪潮中,資料視覺化大屏已成為各行各業的必備工具。然而,傳統的資料大屏往往以圖表和指標為主,無法真實地反映複雜的物理世界和資料關係。為了解決這個問題,3D模型視覺化和數字孿生技術應運而生,它們可以將真實世界的物理物件、過程或系統,以及它們之間的關係和相互作用,構建成虛擬的數字模型,並以立體、動態、互動的方式展示在資料大屏上,實現資料的視覺化、可感知、可控制。

應用場景

3D模型視覺化大屏和數字孿生相結合,可以為使用者帶來前所未有的視覺和互動體驗。無論是工業製造、城市規劃、交通運輸、能源環保,還是教育醫療、文化旅遊、軍事安全等領域,都可以透過這種技術,實現資料的視覺化、可感知、可控制,打造智慧數字應用的新場景。

功能介紹

  1. 3D模型檔案,透過3D Max、Blender等3D建模軟體進行模型設計,然後匯出為 glb 檔案,該檔案將用於3D場景搭建。
  2. 3D場景搭建,上傳 glb 檔案之後,便可以在3D場景設計器中建立模型與資料聯絡,比如:新增資料標籤、條件格式化、自動輪播等應用效果。
  3. 3D視覺化大屏設計,在嵌入式BI儀表板設計器中新增設計好的3D場景,將其作為3D視覺化大屏的一部分,同時,3D場景也可以和儀表板中的圖表、KPI、過濾器等元件實現聯動分析。

環境準備

嵌入式BI儀表板設計器

使用步驟

1)準備 glb 模型檔案

根據業務需要,在3D建模軟體中完成模型的設計,並匯出為 glb 格式的模型檔案。比如:小編這邊設計了一個智慧車間的示例模型。

2)建立3D場景

(1)在嵌入式BI儀表板設計器中建立3D場景設計器

(2)在場景中新增模型

3D場景搭建第一步就是新增場景中所需的3D模型,這裡包含了兩種模型匯入方式。

  1. 將模型作為檔案上傳到,在【新建】選單中可以直接上傳30M以內的 glb 檔案;
  2. 直接引用一個URL地址,大於30M的模型我們推薦先上傳到CND中以提升模型開啟速度。

模型新增之後就可以看到對應的節點樹,你可以在節點樹上執行:選擇、刪除、隱藏等操作。

(3)給場景新增資料層

模型匯入之後最關鍵的就是建立物體與資料之間的關係,這一步非常簡單,我們只需要新增相應的資料圖層,並在資料圖層上繫結資料集/資料模型,這一步操作和基礎圖表的資料繫結方式一樣。

資料圖層是3D模型中展示資料的主要途徑,我們在同一個3D場景中可以新增多個資料圖層,以實現在同一個3D場景展示不同資料的需要,不如:你要在智慧車間中展示每臺裝置的生產資料,還要展示所有攝像頭的資料,溫度感測器的資料,這三種裝置的資料可能來自不同的資料集,這時候你只需要新增三個資料圖層並繫結不同的資料集就可以實現。

(4)資料層細節配置

每個資料圖層都提供了豐富的配置屬性,而且圖層之間的配置相互獨立。比如:我要給圖層1新增條件格式化,可以從屬性皮膚中找到條件格式化,並新增專案,如下圖。條件格式化可以設定條件,以及對於資料標籤、物體的展示樣式。

設定好之後,可以點選頂部的【預覽】按鈕檢視3D場景的執行效果,看看是否需要調整更多選項以提升效果。

3)在儀表板中使用3D場景

3D場景設計好之後,我們就可以新建儀表板來設計最終所需的3D視覺化大屏了。首先,在完成儀表板的標題、圖表等元件的設計工作,大致效果如下:

接下來就是我們的主角登場,從儀表板設計器左側的工具箱中新增【3D場景】元件:

調整3D場景元件大小,鋪滿整個儀表板作為背景,那我們就完成了3D模型視覺化大屏設計,感覺預覽看看效果吧。

總結

以上就是實現一個3D模型的全過程。在沒有任何編碼的情況下,小編實現了一個外觀炫酷、功能齊全、具備聯動分析能力的3D視覺化大屏。這個成果將數字化轉型過程中的兩大重要技術(BI分析+3D模型)巧妙地融合在一起。透過這些綜合應用,能夠以直觀、生動的方式呈現資料,並實現深度互動和分析。無論是資料視覺化還是資料分析,這個3D視覺化大屏為我們提供了一個強大而靈活的工具,為數字化轉型帶來了巨大的推動力。

擴充套件連結:

創意展示:打造資料大屏的炫酷天氣預報外掛

聊一聊數字孿生與3D視覺化

探秘移動端BI:發展歷程與應用前景解析

相關文章