4000字干貨分享｜一文學(xué)會(huì)搭建炫酷可視化大屏

在一次瀏覽網(wǎng)頁的過程中，小編偶然間發(fā)現(xiàn)一款國產(chǎn)的BI工具永洪Desktop，它完美地解決了上述Excel制作可視化大屏的弊端。這一期內(nèi)容，小編會(huì)以星巴克在中國地區(qū)的咖啡銷量數(shù)據(jù)為例，利用永洪Desktop制作炫酷的可視化大屏！

PS:星巴克在中國地區(qū)的咖啡銷量數(shù)據(jù)為網(wǎng)絡(luò)開源虛擬數(shù)據(jù)集，僅供教學(xué)使用，不涉及商業(yè)用途。

?

搭建數(shù)據(jù)指標(biāo)體系和監(jiān)控看板是數(shù)據(jù)分析師較為日常的工作，數(shù)據(jù)指標(biāo)體系的落地往往是基于BI工具制作可視化的監(jiān)控大屏。

?

小編做了3年多數(shù)據(jù)分析師，經(jīng)歷了三家不同業(yè)務(wù)的公司，使用過多種不同的BI工具，有完全開源的Superset，也有昂貴的Tableau，當(dāng)然還有PowerBI，也包括公司內(nèi)部自研的數(shù)據(jù)平臺(tái)。

?

BI功能是否強(qiáng)大直接影響到數(shù)據(jù)分析師的工作效率，永洪Desktop工具幾乎滿足了數(shù)據(jù)分析師所有的痛點(diǎn)和需求，擁有較為強(qiáng)大的功能，不僅支持多種數(shù)據(jù)源，還支持SQL查詢，制作炫酷的可視化大屏自然不在話下，重要的是它還有定時(shí)郵件功能，讓數(shù)據(jù)分析師匯報(bào)工作，交付需求更加輕松。

?

一句話來說，永洪Desktop簡(jiǎn)直就是Tableau的完美替代，因?yàn)樗?span style="color:rgb(120,189,115);">完全免費(fèi)的，完全免費(fèi)的，完全免費(fèi)的！重要的話一定要說三遍。

?

點(diǎn)擊閱讀原文即可跳轉(zhuǎn)永洪Desktop官網(wǎng)，下載使用！

?

都說免費(fèi)的都是最貴的，抱著試試看的心態(tài)，我通過永洪Desktop實(shí)操了一份可視化大屏，結(jié)果就是真香。話不多說，我們先上成品看看效果。

?

圖1 咖啡銷量監(jiān)控可視化大屏? ??

本文圖源：永洪科技

這么漂亮的可視化大屏，小編只花了不到十分鐘就完成了。下面就在跟著小編一步一步來學(xué)習(xí)這款免費(fèi)的BI工具如何用吧！

?

01

?

永洪Desktop下載安裝以及功能簡(jiǎn)介

?

“工欲善其事必先利其器”，在正式使用永洪Desktop實(shí)操之前呢，我們需要先安裝軟件并且熟悉該軟件的功能。給這一部分會(huì)給大家分享下，我在下載安裝和使用過程中踩過的坑。

?

1.永洪Desktop下載安裝踩過的坑

?

?

永洪Desktop為不同的操作系統(tǒng)提供了相應(yīng)的版本，只需要根據(jù)自己電腦的操作系統(tǒng)下載相應(yīng)版本即可。正常情況下，下載完畢后，直接點(diǎn)擊安裝包就可以進(jìn)行安裝。

?

需要注意的是，永洪Desktop安裝需要有JRE環(huán)境，如果在安裝過程中提示“需要將永洪Desktop發(fā)到JRE環(huán)境的目錄”的話，可以先安裝Java IDE即可。

?

?

2.永洪Desktop基本功能介紹

?

經(jīng)過上述步驟，我們就已經(jīng)完成了永洪Desktop的安裝。如圖2所示，打開永洪Desktop后，界面是這樣的。

?

左邊的菜單欄是永洪Desktop的核心功能，包括了添加數(shù)據(jù)源、創(chuàng)建數(shù)據(jù)集、制作報(bào)告、查看報(bào)告、調(diào)度任務(wù)、深度分析以及系統(tǒng)管理等功能，這些功能都是數(shù)據(jù)分析師日常工作中較為常用的功能。

?

除此之外，右下角菜單欄提供了各類學(xué)習(xí)教程，幫助新手熟悉使用永洪Desktop。

?

另外，永洪Desktop還提供了快捷訪達(dá)的功能，能夠快速訪問最近操作過的文件。

?

圖2 永洪Desktop的界面

?

以上永洪Desktop幾個(gè)較重要功能模塊的簡(jiǎn)單介紹，下面就跟著小編一步一步去制作炫酷的動(dòng)態(tài)可視化大屏吧！

?

02

?

永洪Desktop制作炫酷的可視化大屏
監(jiān)控咖啡銷量變化

?

如圖3所示，永洪Desktop制作可視化大屏主要有以下四個(gè)步驟：分別是連接數(shù)據(jù)源，創(chuàng)建數(shù)據(jù)集，制作可視化報(bào)告以及報(bào)告的查看與分享。

?

這一部分，小編會(huì)以星巴克在中國銷量數(shù)據(jù)可視化大屏制作為例，詳細(xì)地說明每一個(gè)步驟如何操作。

?

圖3 永洪Desktop制作可視化大屏的四個(gè)步驟

?

1.連接數(shù)據(jù)源

?

如圖4所示，永洪Desktop支持30多種數(shù)據(jù)源的連接，包括了各大互聯(lián)網(wǎng)公司常用的MySQL、 Hive、 Presto、Impala等數(shù)據(jù)庫。

?

更重要的是，永洪Desktop作為單機(jī)版本的BI工具，也支持Excel導(dǎo)入數(shù)據(jù)集，對(duì)于有制作炫酷動(dòng)態(tài)看板需求，但又覺得Excel操作較為繁瑣，時(shí)間花費(fèi)較多的小伙伴來說，無疑就是福音。

?

永洪Desktop完全迎合了這部分小伙伴的需求。

?

圖4 永洪Desktop支持的30多種數(shù)據(jù)源（截取部分）

?

永洪Desktop連接數(shù)據(jù)源也較為方便，如圖5所示，以hive為例，只需要輸入hive數(shù)據(jù)庫的IP端口以及賬號(hào)密碼就可以連接測(cè)試。

?

圖5 hive連接永洪Desktop實(shí)例

?

2.創(chuàng)建數(shù)據(jù)集

?

當(dāng)數(shù)據(jù)庫連接成功后，就可以著手創(chuàng)建所需數(shù)據(jù)集了。創(chuàng)建數(shù)據(jù)集的方式也較為友好，只需要選擇自己的數(shù)據(jù)源以及相應(yīng)的庫表即可查和創(chuàng)建數(shù)據(jù)集。

?

如圖6所示，對(duì)于只想選取部分?jǐn)?shù)據(jù)的小伙伴來說，永洪Desktop也提供了SQL篩選功能，可以通過SQL限定篩選條件（圖5示例中并未做條件篩選，只是說明其功能）。

?

圖6 永洪Desktop創(chuàng)建數(shù)據(jù)集

?

3.制作可視化報(bào)告

?

完成數(shù)據(jù)及創(chuàng)建之后，就到了今天的重頭戲——制作可視化報(bào)告。

?

制作可視化報(bào)告并不是一蹴而就的過程，可視化大屏制作的過程也相當(dāng)于建立數(shù)據(jù)指標(biāo)體系的過程。

?

我們需要先提煉業(yè)務(wù)的核心指標(biāo)；其次對(duì)這些核心指標(biāo)進(jìn)行逐級(jí)的拆解；最后設(shè)計(jì)可視化大屏的布局結(jié)構(gòu)填充數(shù)據(jù)即可完成。

?

（1）設(shè)計(jì)指標(biāo)體系

?

此次可視化大屏，研究對(duì)象是星巴克在中國市場(chǎng)的銷售情況，我們需要提煉核心監(jiān)控指標(biāo)以反映業(yè)務(wù)的健康程度和變化趨勢(shì)。

?

對(duì)于銷售業(yè)務(wù)的監(jiān)控，從業(yè)務(wù)層面出發(fā)，公司關(guān)心的無非是自己的咖啡訂單量有多少，能夠創(chuàng)造多少營(yíng)業(yè)額，消耗了多少成本，最終剩下多少利潤(rùn)。

?

于是基于以上邏輯，我們可以整理出四個(gè)核心指標(biāo)，即總銷售單量、總銷售額、總利潤(rùn)以及總成本。

?

有了核心監(jiān)控指標(biāo)可以從一定層面反映當(dāng)前的業(yè)務(wù)狀況，但如果想要排查較為細(xì)節(jié)的問題可能這些核心指標(biāo)就幫不上什么忙了。

?

因此，除了核心指標(biāo)之外，還需要對(duì)核心指標(biāo)從不同的維度進(jìn)行拆分形成二級(jí)指標(biāo)，以構(gòu)建較為完整的監(jiān)控體系。

?

可以考慮從市場(chǎng)、省份、品類以及時(shí)間維度對(duì)銷售情況進(jìn)行細(xì)分以達(dá)到監(jiān)控目的。

?

（2）設(shè)計(jì)可視化大屏布局結(jié)構(gòu)

?

經(jīng)過上述步驟，完整的指標(biāo)體系方案已經(jīng)了然于心了。有了指標(biāo)體系的方案就可以設(shè)計(jì)可視化大屏的布局方案了，咖啡銷量可視化大屏布局方案如圖7所示。

?

圖7 可視化大屏布局方案

?

在標(biāo)題下方設(shè)計(jì)了數(shù)據(jù)篩選框，以方便使用根據(jù)自己需要在不同維度篩選所需的數(shù)據(jù)。

?

大屏的第一層級(jí)主要放核心指標(biāo)，最直觀地反映業(yè)務(wù)趨勢(shì)；其次，就是二級(jí)指標(biāo)的展示，為了結(jié)構(gòu)美觀，我們將其分為兩行五個(gè)模塊。

?

（3）數(shù)據(jù)填充及美化

?

完成可視化大屏結(jié)構(gòu)設(shè)計(jì)之后，就到了真正實(shí)操的環(huán)節(jié)了。

?

這一部分會(huì)詳細(xì)講解文本組件、指標(biāo)卡組件、柱狀圖、面積圖、地圖等多種圖表組件的使用方法，最終組合多種組件完成漂亮的可視化大屏。

?

1).標(biāo)題制作

?

如圖8所示，我們點(diǎn)擊左邊菜單欄紅的【制作報(bào)告】按鈕新建一張空白的大屏。

?

首先制作大屏的標(biāo)題，拖動(dòng)【輔助組件】中的【文本組件】到大屏的正上方，雙擊該組件即可編輯標(biāo)題。

?

圖8 可視化大屏標(biāo)題制作

?

這時(shí)候制作出來的標(biāo)題字號(hào)較小且不居中，如果想要調(diào)整標(biāo)題的字體字號(hào)以及居中對(duì)齊的話，可以按照?qǐng)D9所示的步驟進(jìn)行操作。

?

點(diǎn)擊標(biāo)題進(jìn)入編輯狀態(tài)，然后點(diǎn)擊【格式】菜單，即可看到字體字號(hào)設(shè)置選項(xiàng)卡，可以根據(jù)自己需要調(diào)整相應(yīng)的格式。

?

圖9 調(diào)整標(biāo)題格式的方法

?

2）通過指標(biāo)卡組件完成核心指標(biāo)可視化

?

完成標(biāo)題制作之后，就到了核心指標(biāo)的可視化。對(duì)于核心指標(biāo)我們選擇【指標(biāo)卡】，操作過程如圖10所示。

?

我們先點(diǎn)擊【組件】菜單，然后拖拽【指標(biāo)卡】選項(xiàng)到大屏，點(diǎn)擊【指標(biāo)卡】拖拽需要展示的指標(biāo)到【行】或【列】的位置即可完成數(shù)據(jù)綁定。

?

圖10 指標(biāo)組件的使用

?

對(duì)于利潤(rùn)總和、成本總和、銷售總和三個(gè)指標(biāo)的可視化過程與成本總和是一摸一樣的，這里就不再贅述。

?

3）通過多種圖表組件完成二級(jí)指標(biāo)的可視化

?

對(duì)于市場(chǎng)維度以及品類維度的二級(jí)指標(biāo)展示，我們選擇【柱狀圖】進(jìn)行展示，操作過程如圖11所示。

?

首先，還是一樣的老套路，先將【柱狀圖】選項(xiàng)卡拖拽到大屏空白區(qū)域，點(diǎn)擊大屏編輯數(shù)據(jù)，只需要將對(duì)應(yīng)的維度和指標(biāo)拖拽到【行】、【列】位置即可完成展示，所有指標(biāo)都是都是根據(jù)現(xiàn)有維度自動(dòng)聚合的。

?

圖11 市場(chǎng)維度的二級(jí)指標(biāo)展示

?

其他類型的圖表展示套路都是一樣的，秩序拖拖拽拽就能完成展示。但是有兩個(gè)較為好用的功能還是要提一下，第一個(gè)就是【地圖】展示，第二個(gè)就是【動(dòng)態(tài)計(jì)算-差值顯示】。

?

【地圖】展示能使整個(gè)可視化大屏顯得高端大氣，因此在這次的可視化大屏中我也選用了【地圖】這個(gè)選項(xiàng)卡，展示各省的咖啡銷量情況。

?

【地圖】展示的前面幾個(gè)步驟還是一樣的，較為關(guān)鍵的是【地圖】展示能夠根據(jù)指標(biāo)的大小顯示不同的形狀顏色等等，如圖12所示，以銷量總和大小標(biāo)記圖形大小，成本總和標(biāo)記形狀樣式，利潤(rùn)總和大小標(biāo)記顏色深淺。

?

圖12 地圖組件的使用

?

說完地圖之后，我們就來說一說動(dòng)態(tài)計(jì)算-差值顯示這一功能，話不多說，直接上圖。

?

如圖13所示，同樣的數(shù)據(jù)，使用了【動(dòng)態(tài)計(jì)算】和沒使用動(dòng)態(tài)計(jì)算效果相差的不是一般多。

?

圖13 【動(dòng)態(tài)計(jì)算】對(duì)相同數(shù)據(jù)集展示的差異

?

【動(dòng)態(tài)計(jì)算】使用起來也比較方便，如圖14所示，首先點(diǎn)擊需要【動(dòng)態(tài)計(jì)算】的表格，然后選擇需要進(jìn)行【動(dòng)態(tài)計(jì)算】的指標(biāo)，然后編輯【動(dòng)態(tài)計(jì)算器】的設(shè)置選項(xiàng)，最后點(diǎn)擊【確定】即可。

?

圖14 動(dòng)態(tài)計(jì)算操作過程

?

其他類型的圖表組件使用方法也都是一樣，這里就不再贅述，按照上述的方法我們將所有的二級(jí)指標(biāo)都進(jìn)行可視化。

?

4）通過過濾組件制作數(shù)據(jù)篩選項(xiàng)

?

通過上述的方法我們完成了所有的指標(biāo)可視化，接下來就是通過過濾組件制作數(shù)據(jù)篩選項(xiàng)。

?

操作過程和其他組件是一樣的。如圖15所示，過濾組件有4種不同選擇，此處我們選擇的是【下拉列表過濾】以及【范圍過濾組件】。

?

圖15 過濾組件制作數(shù)據(jù)篩選項(xiàng)

?

到此為止，咖啡中國銷量數(shù)據(jù)可視化看板全部做完了，如圖16所示，只需要調(diào)整下畫面布局，就是一張漂亮的可視化大屏。

?

圖16 咖啡中國銷量可視化大屏

?

4.查看與分享

?

完成整個(gè)可視化大屏之后，你肯定會(huì)想將自己的成果分享給老板或者業(yè)務(wù)方，永洪Desktop也提供了郵件分享以及定時(shí)郵件的功能。

?

如圖17所示，【郵件】和【訂閱】分別提供了發(fā)送郵件以及定時(shí)郵件的功能，方便分析師分享工作成果。

?

圖 17 發(fā)送郵件以及定時(shí)郵件功能

?

由于篇幅有限，這兩個(gè)功能就不在贅述，感興趣的小伙伴可以自行下載永洪Desktop進(jìn)行體驗(yàn)。

?

03

?

永洪Desktop使用小結(jié)

?

以上就是通過免費(fèi)的BI工具永洪Desktop完成星巴克在中國銷量數(shù)據(jù)可視化看板的全過程。

除了搭建指標(biāo)體系，制作可視化大屏之外，永洪desktop還有任務(wù)調(diào)度、深度分析、系統(tǒng)管理等等功能，之后還會(huì)繼續(xù)分享永洪Desktop相關(guān)實(shí)操系列文章，歡迎大家持續(xù)關(guān)注！

最想體驗(yàn)的還是深度分析功能，這個(gè)功能有點(diǎn)類似阿里的PAI平臺(tái)，通過SQL以及各個(gè)模塊之間的拖拖拽拽就能實(shí)現(xiàn)機(jī)器學(xué)習(xí)模型的訓(xùn)練。之后抽時(shí)間體驗(yàn)了再來跟大家分享，一定要持續(xù)關(guān)注哦！