科學研究證明，人類獲取資訊的途徑80%靠視覺，現在地圖視覺化和3D物理結構視覺化已經很好的應用在各個領域，然而隨著資訊量越來越大，圖表的結構必然越來越複雜，更科學簡單的視覺化工具就越來越重要。

ThingJS中能否新增圖表？怎麼在ThingJS中新增圖表？如何使用ThingJS中的ChartBuilder工具快速製作圖表？能不能使用ThingJS搭建場景並且新增圖表？

下面教你用ThingJS工具元件之一ChartBuilder四步快速將圖表功能整合到三維視覺化場景中去。

在數字孿生視覺化場景中選擇合適的圖形元件來表達業務指標資料。

首先，你得開啟自己的專案，一定得有專案是處於開啟的狀態，選擇想要新增的圖表，雙擊即可引入。

調整畫布和元件的樣式，增加圖層作為背景。

元件樣式調整，依次調整第一個環狀圖圖例是否顯示、標籤是否顯示、顯示位置、字型大小、顯示格式、環半徑，調整第二個環狀圖色系，同樣調整第二個環狀圖的樣式，依次調整雷達圖視覺線顏色、標籤顏色、圖形樣式，將文字標籤居左對齊。

系統提供視覺化的動畫編排中心，在視覺化的頁面上完成輪播動畫，資料驅動動畫等功能。編排動畫,最後將動畫編排元件隱藏。

對接資料分為線上和線下，線上無需接數，編輯完場景後，下載離線包，到生產環境中執行接入生產資料即可。編輯完成後點選儲存，返回到專案，點選重新整理，右鍵出現的.cht檔案，點選編輯圖表即可再次編輯，點選預覽即可檢視編輯後的結果。

ChartBuilder直接簡化使用圖表的步驟，讓更多的人通過視覺化發現資料的價值,幫助非專業工程師通過圖形化介面,輕鬆搭建專業水準的視覺化場景。只需簡單四步，至此一個圖表就加入到專案中去了，是不是十分的方便呢？大家也可以進行嘗試喲~

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

相關文章