全部產品
Search
文件中心

DataV:模板搭建資料看板

更新時間:May 26, 2025

概述

本章節以搭建碧璽綠地球通用模板資料看板為例,為您示範如何使用DataV-Board提供的模板來開發可視化資料看板。

背景資訊

  • 本文以使用待用資料源為例,因此可以直接在組件的資料來源配置地區粘貼準備好的資料。如果您的資料來源為CSV檔案資料庫等其他類型的資料,需要首先添加資料來源

  • 如果您需要使用的資料來源為API,直接在資料來源配置欄輸入API即可。具體配置API資料來源時,是否選中伺服器代理請求等操作,詳情請參見如何配置跨域資料

操作流程

您可通過如下操作,完成對碧璽綠地球通用資料看板的建立,快速體驗DataV-Board的相關功能。

  1. 步驟一:建立資料看板

  2. 步驟二:配置組件樣式

  3. 步驟三:適配組件資料

  4. 步驟四:預覽並發布資料看板

步驟一:建立資料看板

為您介紹使用模板建立可視化資料看板的方法。

  1. 登入DataV-Board控制台

  2. 工作台頁面中,滑鼠移動到建立PC端看板上,單擊+選擇模板

  3. 選擇一個合適的模板(例如:碧璽綠地球通用模板),滑鼠懸浮至模板上方,單擊彈出的建立看板按鈕。

  4. 建立看板對話方塊中,輸入看板名稱並選擇專案分組,未建立分組時可選擇未分組

  5. 單擊建立看板

    看板建立成功後跳轉到畫布編輯器頁面,可以看到一款滿足展示地理資訊相關資料且設計精良的模板。image.png

步驟二:配置組件樣式

資料看板建立完成後,您可以通過以下方式修改組件樣式。

  1. 在左側圖層欄中單擊選中組件後,可通過右側樣式面板調整其樣式配置。image.png

    說明

    您可以雙擊畫布編輯器圖層側的組件名稱,重新命名當前組件。

  2. 根據需求,使用同樣的方式調整其他組件的配置。

步驟三:適配組件資料

資料看板建立完成後,您可以根據實際需要通過以下方式修改組件資料內容。

  1. 在左側圖層欄中,單擊選中某一組件。例如:Echarts 基本折線圖。

  2. 在右側樣式面板中選擇資料來源頁簽,資料來源類型選擇待用資料。

  3. 在下方的資料配置地區內,按照您的需求修改模板已有的資料,或粘貼準備好的JSON格式的資料。

    說明

    添加資料時的欄位名要和系統設定保持一致。

  4. 資料配置完成後,您可以單擊資料響應結果image.png表徵圖重新整理資料響應結果。

  5. 使用同樣的方式,配置資料看板中所有組件的資料。

步驟四:預覽並發布資料看板

組件的樣式和資料來源都配置完成後,您可以預覽並發布資料看板,實現看板的線上播放和示範。本步驟為您介紹預覽並發布資料看板的方法。

  1. 單擊畫布編輯器右上方的預覽,跳轉至新頁面預覽資料看板。

    預覽成功後,可按照以下步驟發布資料看板。

  2. 單擊畫布編輯器右上方的發布,在彈出的對話方塊中單擊發布大屏以開啟發佈頁面。

  3. 在發佈頁面中單擊分享連結右側的複製表徵圖image.png

    說明

    在發佈頁面中,可以按需進行發布資訊和快照的管理

  4. 開啟瀏覽器,將複製的連結粘貼到地址欄中,即可線上觀看發布成功的資料看板。