概述
本章節以搭建碧璽綠地球通用模板資料看板為例,為您示範如何使用DataV-Board提供的模板來開發可視化資料看板。
背景資訊
操作流程
您可通過如下操作,完成對碧璽綠地球通用資料看板的建立,快速體驗DataV-Board的相關功能。
步驟一:建立資料看板
為您介紹使用模板建立可視化資料看板的方法。
在工作台頁面中,滑鼠移動到建立PC端看板上,單擊+選擇模板。
選擇一個合適的模板(例如:碧璽綠地球通用模板),滑鼠懸浮至模板上方,單擊彈出的建立看板按鈕。
在建立看板對話方塊中,輸入看板名稱並選擇專案分組,未建立分組時可選擇未分組。
單擊建立看板。
看板建立成功後跳轉到畫布編輯器頁面,可以看到一款滿足展示地理資訊相關資料且設計精良的模板。

步驟二:配置組件樣式
資料看板建立完成後,您可以通過以下方式修改組件樣式。
在左側圖層欄中單擊選中組件後,可通過右側樣式面板調整其樣式配置。
說明您可以雙擊畫布編輯器圖層側的組件名稱,重新命名當前組件。
根據需求,使用同樣的方式調整其他組件的配置。
步驟三:適配組件資料
資料看板建立完成後,您可以根據實際需要通過以下方式修改組件資料內容。
在左側圖層欄中,單擊選中某一組件。例如:Echarts 基本折線圖。
在右側樣式面板中選擇資料來源頁簽,資料來源類型選擇待用資料。
在下方的資料配置地區內,按照您的需求修改模板已有的資料,或粘貼準備好的JSON格式的資料。
說明添加資料時的欄位名要和系統設定保持一致。
資料配置完成後,您可以單擊資料響應結果的
表徵圖重新整理資料響應結果。使用同樣的方式,配置資料看板中所有組件的資料。
步驟四:預覽並發布資料看板
組件的樣式和資料來源都配置完成後,您可以預覽並發布資料看板,實現看板的線上播放和示範。本步驟為您介紹預覽並發布資料看板的方法。
單擊畫布編輯器右上方的預覽,跳轉至新頁面預覽資料看板。
預覽成功後,可按照以下步驟發布資料看板。
單擊畫布編輯器右上方的發布,在彈出的對話方塊中單擊發布大屏以開啟發佈頁面。
在發佈頁面中單擊分享連結右側的複製表徵圖
。說明在發佈頁面中,可以按需進行發布資訊和快照的管理。
開啟瀏覽器,將複製的連結粘貼到地址欄中,即可線上觀看發布成功的資料看板。