全部產品
Search
文件中心

DataV:模板搭建可視化應用

更新時間:Jun 19, 2025

本文以搭建Epidemic Situation Control可視化應用為例,為您示範如何使用DataV提供的模板來開發可視化應用專案。

背景資訊

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

  • 如果您需要使用API資料來源,可直接在資料配置欄輸入API地址。具體配置時,如需啟用伺服器代理請求等操作,請參見配置跨域資料

效果展示

image

操作流程

您可通過如下操作,完成對模板可視化應用的建立,快速體驗DataV-Board的相關功能。

  1. 步驟一:建立可視化應用

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

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

  4. 步驟四:預覽並發布可視化應用

步驟一:建立可視化應用

  1. 登入DataV控制台

  2. 我的可視化頁面中,單擊PC端建立。選擇一個合適的模板,此處以選擇Epidemic Situation Control模板為例,單擊建立專案

  3. 建立資料大屏對話方塊中,輸入可視化應用程式名稱並選擇專案分組,未建立分組時可選擇未分組

  4. 單擊建立

    應用建立成功後跳轉到畫布編輯器頁面,可以看到一款滿足展示企業新零售業務相關資料且設計精良的模板。image

步驟二:配置組件樣式

可視化應用建立完成後,您可以通過以下方式修改組件樣式。

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

    說明

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

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

步驟三:適配組件資料

您可以根據實際需要通過以下方式修改組件資料內容。

  1. 在左側圖層欄中,單擊選中某一組件。例如:雙十一泡泡圖。

  2. 在右側樣式面板中選擇資料頁簽,單擊配置資料來源。在設定資料來源對話方塊中,資料來源類型選擇待用資料

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

    說明

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

  4. 資料配置完成後,您可以在設定資料來源頁面單擊資料響應結果後的重新整理表徵圖重新整理資料響應結果。

    資料響應成功後,在資料頁面會顯示配置完成匹配成功

  5. 使用同樣的方式,配置可視化應用中所有組件的資料。

步驟四:預覽並發布可視化應用

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

  1. 單擊畫布編輯器右上方的{FA4AF138-6B6B-4DF3-AA90-521D2359AFB3}表徵圖,跳轉至新頁面預覽可視化應用。

    預覽成功後,可按照以下步驟發布可視化應用。

  2. 單擊畫布編輯器右上方的{F18FCB2F-9D3E-4A35-9995-D9A7EFEA0EF6}表徵圖,在彈出的對話方塊中單擊發布大屏以開啟發佈頁面。

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

    說明

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

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