教你用四步快速將圖表整合到場景

ThingJS發表於2021-12-15
科學研究證明，人類獲取資訊的途徑80%靠視覺，現在地圖視覺化和3D物理結構視覺化已經很好的應用在各個領域，然而隨著資訊量越來越大，圖表的結構必然越來越複雜，更科學簡單的視覺化工具就越來越重要。
教你用四步快速將圖表整合到場景
ThingJS中能否新增圖表？怎麼在ThingJS中新增圖表？如何使用ThingJS中的ChartBuilder工具快速製作圖表？能不能使用ThingJS搭建場景並且新增圖表？
下面教你用ThingJS工具元件之一ChartBuilder四步快速將圖表功能整合到三維視覺化場景中去。

第一步：選擇元件

在數字孿生視覺化場景中選擇合適的圖形元件來表達業務指標資料。
首先，你得開啟自己的專案，一定得有專案是處於開啟的狀態，選擇想要新增的圖表，雙擊即可引入。
教你用四步快速將圖表整合到場景

第二步：樣式調整

調整畫布和元件的樣式，增加圖層作為背景。
教你用四步快速將圖表整合到場景
元件樣式調整，依次調整第一個環狀圖圖例是否顯示、標籤是否顯示、顯示位置、字型大小、顯示格式、環半徑，調整第二個環狀圖色系，同樣調整第二個環狀圖的樣式，依次調整雷達圖視覺線顏色、標籤顏色、圖形樣式，將文字標籤居左對齊。

第三步：動畫編排

系統提供視覺化的動畫編排中心，在視覺化的頁面上完成輪播動畫，資料驅動動畫等功能。編排動畫,最後將動畫編排元件隱藏。
教你用四步快速將圖表整合到場景

第四步：對接資料

對接資料分為線上和線下，線上無需接數，編輯完場景後，下載離線包，到生產環境中執行接入生產資料即可。編輯完成後點選儲存，返回到專案，點選重新整理，右鍵出現的.cht檔案，點選編輯圖表即可再次編輯，點選預覽即可檢視編輯後的結果。
教你用四步快速將圖表整合到場景
教你用四步快速將圖表整合到場景
教你用四步快速將圖表整合到場景
ChartBuilder直接簡化使用圖表的步驟，讓更多的人通過視覺化發現資料的價值,幫助非專業工程師通過圖形化介面,輕鬆搭建專業水準的視覺化場景。只需簡單四步，至此一個圖表就加入到專案中去了，是不是十分的方便呢？大家也可以進行嘗試喲~


來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69980539/viewspace-2847902/，如需轉載，請註明出處，否則將追究法律責任。

相關文章