在電影《摩天營救》中，監控中心的全方位展示屏幕給人印象深刻。現在這種立體化大屏幕似乎成了好萊塢大片的標配。其實，這種逼格很高的鏡頭就是一個數據可視化大屏。隨著社會信息化的高速增長，數據可視化大屏已經在很多商業領域彰顯價值。比如會議展廳、園區管理、城市交通調度中心、公安指揮中心、企業生產監控等重要場所。相對于傳統的可視化工具開發出來的圖表和數據儀表盤，如今的可視化大屏，搭載地理軌跡、飛線、熱力、區塊、3D地圖/地球，多圖層疊加等技術，能生動友好地“活化”數據；同時也能結合豐富的交互功能和實時性，讓數據“開口說話”，傳達出超出其本身的信息。利用Data MAX 軟件制作的可視化大屏今天DataHunter數獵哥就來說說如何運用可視化大屏工具，配置出一頁炫酷的可視化大屏。(本文配圖主要借助 DataHuner 自主研發的 Data MAX 數據可視化大屏軟件制作)一、創建大屏Data MAX 是DataHuner自主研發的、基于瀏覽器的、一款用于配置數據可視化大屏的工具平臺。它提供了豐富的可視化設計組件，通過簡單的點擊、拖拽等操作，即可進行圖表布局的調整，只要幾分鐘就可以配置出一頁炫酷的可視化大屏。1.主題模板首先登錄后臺，點擊“新建大屏”，這里可以看到多種主題模板，例如：“企業季度銷售數據”、“融媒體傳播力分析”、“消費品門店銷售監控”…等等。這些主題模板都自帶整體場景、圖表資源、配色樣式、位置布局、Demo數據、動效屬性等，可支持企業的指揮中心、業務看板、匯報演示等各種業務場景。只需調用預置的模板進行更改，最后將各組件在配置中接入數據即可生成可視化大屏。2.空白模板除了主題模板以外，還可以創建空白模板，以便自由定制風格和樣式。點擊右上角的“創建大屏”，即可進入。頁面分為兩個部分，左邊提供了各種可視化設計組件，其中包含基礎組件、地圖組件、高級組件、文字內容和輔助圖形；右邊則是可視化大屏。點擊左上角的“基本組件”，選擇所需的各種組件，比如柱狀圖、雙軸圖…對這些組件進行點擊、拖拽、放大縮小等操作，然后按照自己的想法就可以配置出一頁炫酷的可視化大屏。除此以外，Data MAX 還支持用戶批量管理這些組件，比如組件組合、組件多選等操作，用鼠標左鍵框選，可以選中多個組件，并可以將多個組件從一個位置統一拖動到另外一個位置。另外還支持用戶對多個組件進行組合，我們鼠標框選，或者通過“Ctrl+鼠標點擊”，選中多個組件，點擊右鍵即可彈出功能菜單，進行組件組合。關于可視化大屏的頁面布局，這里需要注意的是：可以采取主次分布版式，也就是核心業務指標放中心，次要業務和輔助業務指標放兩邊；也可以采取平均分布，還可以兩者相結合進行適當調整。3.預覽與保存最后點擊右上角的“預覽”，即可彈出一個頁面，這時在這個網頁上就可以對剛才配置的看板進行預覽了，關閉網頁即可退出。最后我們點擊左上角的“箭頭”退出，系統即默認進行了保存。二、組件屬性配置前面分享了Data MAX 大屏創建，接下來介紹如何對各種組件進行屬性配置。以“基本組件”為例，拖入一個基本組件：比如“雙軸圖”，點擊這個組件的復選框，在右邊即可看到組件屬性配置的各項參數。1.復選框參數最上面的參數設置是復選框的設置，寬和高分別代表框的數值大小，左和上代表在大屏中的坐標位置。下面是名稱和風格，系統暫時默認是星空風格。2.全局樣式也就是其中雙軸圖的各種參數，比如字體樣式，“邊距”則是雙軸圖在復選框內的位置坐標。最后是“柱子樣式”，比如是否堆積，寬度占比、柱體間隙、柱體的棱角圓角值，還有背景色等。3.數據樣式這里指其中圖表內每個項目柱體的形狀與顏色，比如框內填充色、邊框色還有邊框粗細等參數的調整；由于是雙軸圖，所以除了柱狀圖的各種參數設置，還有折線圖的參數設置，比如折線顏色、粗細、陰影大小和顏色、是否平滑、是否顯示各種數據點、點的直徑、顏色等各種參數的數值等。4.柱體數值這里主要指的是圖表中各數據值是否顯示、文本樣式、還有格式等參數設置，比如數值格式里又可勾選“縮寫方式”、“顯示格式”、“小數點位數”等等，主要方便更容易識別圖表的具體數據。下面的折線數值也是一樣。5.坐標軸坐標軸的參數設置主要有“是否顯示”坐標軸、文本樣式、坐標軸和文字間距、軸線參數、還有網格線、刻度線等這種細節參數的設置。這里需要注意的是還有一個參數設置如“縮略軸”，當數據較多時，或者數據隨時間變化時，而我們只想看到最近3天或者一周的數據時，可以勾選“縮略軸”顯示，然后設置起始的位置和長度，即可顯示想要呈現的數據。Y軸與X軸一樣。6.圖例任何數據圖表都需要有圖例，因為沒有圖例，看可視化圖表的人就可能不能直觀的了解到數據圖表所呈現的意義，這里我們勾選顯示，下面的參數還可以對圖例進行位置、間距還有文本樣式的設置。7.hover層hover這里是選擇器的意思，也就是當鼠標放在雙軸圖的柱子上時，可以彈出這個維度項具體的數據，可以選擇觸發動作為“鼠標懸浮”或者“點擊”，另外下面的“文本樣式”、“邊距”、“背景框樣式”都是對彈出的文本樣式進行各種參數的設定。8.是否開啟動畫指的是當打開可視化大屏時，各種圖表組件里呈現動畫效果，比如當我們拖入“雙軸圖”，可以看到里面的柱子從X軸，有像噴泉一樣動畫效果呈現出來。每個圖表都有自帶的動畫效果，一般系統默認是開啟動畫的。9.數據類型這個部分是組件屬性配置最重要的，Data MAX 的組件數據接入現在有兩種方式：靜態json數據和API接口。下面的“數據配置說明”和“數據配置”都是與“數據類型”相結合，這三塊的具體參數配置，將會在下文中單獨進行詳細介紹。10.組件交互當在做匯報演示，或者查看業務數據時，需要將將可視化大屏內的各種組件、或者不同的可視化大屏之間做數據的聯動過濾篩選、鉆取，以便了解業務細節，這時我們可以設計組件交互效果。交互方式有5種：分別是無、彈窗、跳轉或者放大。總的來說，各種組件的參數配置大體相似，比如柱狀圖、折線圖、餅狀圖，還有雷達圖。當然還有額外的一些組件還有其他的參數設置，比如：(1)基礎組件中“儀表盤”的參數配置中有“預警”功能，當數值達到多少時，儀表盤可以通過顏色的變化來呈現預警的可視化效果；(2)地圖組件中“2D地圖”的參數配置中會有“氣泡”“卡片”“飛線”“區域充填”等各種參數的調整；(3)高級組件中“TAB”參數配置中，我們點擊“Tab列表”，可對其中輪播的圖表進行配置，這里我們直接將配置好的圖表鏈接復制到地址選項，修改名稱即可，最后還可以設置輪播的時長間隔等參數。總體來說，依據自己的需求進行配置即可。三、組件數據接入在前面介紹組件的屬性配置時，我們遺留了關于組件如何接入數據的問題，Data MAX 提供了多種數據對接模式，包括靜態json數據和API接口。靜態數據是通過線下實時編輯的方式進行數據調整，進而調整整體展示效果，而API則是實時對接數據庫。1.靜態json數據在基礎組件里選擇“彩色柱圖”，然后在“數據類型”中勾選“靜態數據”，系統暫時是默認了一部分靜態數據，將其刪除，然后添加自己的靜態數據。這里直接打開提前用Excel數據轉化好的靜態數據代碼，然后復制到數據類型的配置框中，往下滑動頁面，點擊執行即可看到組件的數據已按照我們接入的靜態數據進行了更新。這里很多人會說我不懂代碼，該如何接入靜態數據呢？當然也是有辦法的，如果你身邊的同事如果有懂代碼的，你可以直接咨詢他們；如果沒有，網上也有很多第三方工具可以直接將Excel數據轉換成靜態數據，直接百度就可以了。如果導入的靜態數據沒有顯示出現，這里需要注意“數據配置說明”和“數據配置”這兩塊的內容，主要是其中的維度項和值是否在你的靜態數據代碼中與圖表類型相對應。打個比方，柱狀圖所要求的是一個維度對應一個值，而散點或氣泡圖對兩個維度對應一個值或者兩個值，另外是雷達圖則是多個維度對應多個值，這些都需要與靜態數據代碼一一對應。詳細內容可以參考我們之前發過的文章《活用這23種圖表，讓你的數據分析勝人一籌》。除此以外，還需要注意靜態數據默認“數值”格式，如果是百分比，則需要修改為帶小數點的數值才能顯示。2.API接口Data MAX 還可實時通過API對接數據庫，API支持對接的數據庫具體包括：My SQL 、Oracle 、GreenPlum 、Postagre SQL 、SQL Server 、Hive、Kylin、Sybase、Vertica等。在“數據類型”里勾選“API”選項，在“受控組件”里選擇彩色柱圖的組件。然后選擇請求方式這里有get、post兩種方式，這里可以選擇post，然后設置是否定時更新，時間間隔是多久，最后我們輸入API地址。這里需要注意的是你的API地址首先需要找我們官網人員在后臺進行創建和開通，開通以后，才可以進行API數據的接入，這里我們提前準備好了一個API地址，然后復制進去，點擊下方的執行即可顯示。四、小結在這里，我們已經跟大家分享了關于“大屏創建”、“組件屬性配置”、“組件數據配置”，另外還有額外的功能，比如“大屏設置”中的縮放方式，可以針對大屏投放到不同終端時，可依據屏幕分辨率進行適配，比如“鏈接分享”，可直接將可視化大屏進行分享等。利用Data MAX 軟件制作的可視化大屏整體來說關于Data MAX 可視化大屏如何配置，已經基本介紹差不多了。Data MAX 操作起來非常簡單，只要上手試一試，就能配出屬于自己的炫酷可視化大屏。你可以添加小助手微信Kelly-HR，了解你最想使用的功能。本文中所有圖表都是軟件免費版做出來的。想嘗試自己做圖，點擊“閱讀原文”即可學習如何制作，記得先注冊哦～第?264?篇 數據分析展示就用DataHunter

－End－

關于?DataHunter

DataHunter 是一家專業的數據分析和商業智能服務提供商，注冊于2014年。團隊核心成員來自?IBM、Oracle、SAP?等知名公司，深耕大數據分析領域，具有十余年豐富的企業服務經驗。

DataHunter 旗下核心產品智能數據分析平臺?Data Analytics、數據大屏設計配置工具?Data MAX?已在業內形成自己的獨特優勢，并在各行業積累了眾多標桿客戶和成功案例。

成立以來，DataHunter就致力于為客戶提供實時、高效、智能的數據分析展示解決方案，幫助企業查看分析數據并改進業務，成為最值得信賴的數據業務公司。

更多精彩文章

漲技能|教你一招，快速制作箱線圖！

如何利用Data Analytics快速制作桑基圖？

用上這個數據可視化工具，讓你的數據會說話

活用這23種圖表，讓你的數據分析勝人一籌

31個驚艷的數據可視化作品，讓你感受“數據之美”！

DataHunter 攜手某工業互聯網平臺 用智慧數據賦能工業4.0

交通態勢盡收眼底，DataHunter為智慧交通提供數據大屏方案

點擊“閱讀原文”，?歡迎使用 Data Analytics

總結

以上是生活随笔為你收集整理的elementui的tree组件页面显示不出数据_只要10分钟，教你配置出炫酷的数据可视化大屏...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。