模板搭建數(shù)據(jù)看板
概述
本章節(jié)以搭建碧璽綠地球通用模板數(shù)據(jù)看板為例，為您演示如何使用DataV-Board提供的模板來開發(fā)可視化數(shù)據(jù)看板。
背景信息
本文以使用靜態(tài)數(shù)據(jù)源為例，因此可以直接在組件的數(shù)據(jù)源配置區(qū)域粘貼準(zhǔn)備好的數(shù)據(jù)。如果您的數(shù)據(jù)源為CSV文件、數(shù)據(jù)庫等其他類型的數(shù)據(jù)，需要首先添加數(shù)據(jù)源。
如果您需要使用的數(shù)據(jù)源為API，直接在數(shù)據(jù)源配置欄輸入API即可。具體配置API數(shù)據(jù)源時，是否選中服務(wù)器代理請求等操作，詳情請參見如何配置跨域數(shù)據(jù)。
操作流程
您可通過如下操作，完成對碧璽綠地球通用數(shù)據(jù)看板的創(chuàng)建，快速體驗DataV-Board的相關(guān)功能。
步驟一：創(chuàng)建數(shù)據(jù)看板
為您介紹使用模板創(chuàng)建可視化數(shù)據(jù)看板的方法。
在工作臺頁面中，鼠標(biāo)移動到創(chuàng)建PC端看板上，單擊+選擇模板。
選擇一個合適的模板，此處以選擇碧璽綠地球通用模板為例，單擊創(chuàng)建看板。
在創(chuàng)建看板對話框中，輸入看板名稱并選擇一個分組。
單擊創(chuàng)建看板。
看板創(chuàng)建成功后跳轉(zhuǎn)到畫布編輯器頁面，可以看到一款滿足展示地理信息相關(guān)數(shù)據(jù)且設(shè)計精良的模板。
步驟二：配置組件樣式
數(shù)據(jù)看板創(chuàng)建完成后，您可以通過以下方式修改組件樣式。
在左側(cè)圖層欄中，單擊選中某一組件。
在右側(cè)的樣式面板中，根據(jù)實際需要調(diào)整并修改組件的樣式配置。
說明您可以雙擊畫布編輯器圖層側(cè)的組件名稱，重命名當(dāng)前組件。
根據(jù)需求，使用同樣的方式調(diào)整其他組件的配置。
步驟三：適配組件數(shù)據(jù)
數(shù)據(jù)看板創(chuàng)建完成后，您可以根據(jù)實際需要通過以下方式修改組件數(shù)據(jù)內(nèi)容。
在左側(cè)圖層欄中，單擊選中某一組件。例如：Echarts 基本折線圖。
在右側(cè)樣式面板中選擇數(shù)據(jù)源頁簽，數(shù)據(jù)源類型選擇靜態(tài)數(shù)據(jù)。
在下方的數(shù)據(jù)配置區(qū)域內(nèi)，按照您的需求修改模板已有的數(shù)據(jù)，或粘貼準(zhǔn)備好的JSON格式的數(shù)據(jù)。
說明添加數(shù)據(jù)時的字段名要和系統(tǒng)設(shè)置保持一致。
數(shù)據(jù)配置完成后，您可以單擊數(shù)據(jù)響應(yīng)結(jié)果的
圖標(biāo)刷新數(shù)據(jù)響應(yīng)結(jié)果。使用同樣的方式，配置數(shù)據(jù)看板中所有組件的數(shù)據(jù)。
步驟四：預(yù)覽并發(fā)布數(shù)據(jù)看板
組件的樣式和數(shù)據(jù)源都配置完成后，您可以預(yù)覽并發(fā)布數(shù)據(jù)看板，實現(xiàn)看板的在線播放和演示。本步驟為您介紹預(yù)覽并發(fā)布數(shù)據(jù)看板的方法。
單擊畫布編輯器右上角的預(yù)覽，預(yù)覽數(shù)據(jù)看板。
預(yù)覽成功后，可按照以下步驟發(fā)布數(shù)據(jù)看板。
單擊畫布編輯器右上角的發(fā)布。
在發(fā)布對話框中單擊發(fā)布大屏。
單擊分享鏈接右側(cè)的復(fù)制圖標(biāo)
。
打開瀏覽器，將復(fù)制的鏈接粘貼到地址欄中，即可在線觀看發(fā)布成功的數(shù)據(jù)看板。