數(shù)據(jù)可視化大屏實(shí)踐分享，這個(gè)實(shí)施開(kāi)發(fā)流程你也用得上?

我們最常聽(tīng)到的一句話就是“用數(shù)據(jù)說(shuō)話”。但數(shù)據(jù)本身是冰冷的數(shù)字，只有通過(guò)合適的可視化工具來(lái)進(jìn)行數(shù)據(jù)的展示表達(dá)，才可以使傳遞給使用者的感受更加直觀，也更容易獲得其中價(jià)值。

數(shù)據(jù)大屏就是一種非常有效的數(shù)據(jù)可視化工具，它可以將業(yè)務(wù)的關(guān)鍵指標(biāo)以可視化的方式展示到一塊或多塊LED大屏上，不僅可以讓業(yè)務(wù)人員快速、直接地從繁雜的業(yè)務(wù)數(shù)據(jù)中找到重要數(shù)據(jù)，還可以對(duì)決策人員起到輔助作用。如今，數(shù)據(jù)大屏已成為應(yīng)急處理、指揮調(diào)度、戰(zhàn)略決策等場(chǎng)景下必不可少的一部分。

今天我們就結(jié)合相關(guān)的大屏開(kāi)發(fā)的實(shí)際案例，來(lái)與大家分享一款非常適合進(jìn)行大屏開(kāi)發(fā)的可視化工具——億信ABI的酷屏分析功能，內(nèi)置百余種大屏組件，包括容器、文本、表格、參數(shù)、菜單、統(tǒng)計(jì)圖等不同類型，并自帶炫酷的動(dòng)效動(dòng)畫(huà)。通過(guò)靈活拖拽，自由組合，輕松實(shí)現(xiàn)可視化大屏。下圖是我們這次介紹案例的成品圖，利用億信ABI酷屏分析制作。（圖中數(shù)據(jù)均為虛構(gòu)）

大屏可視化開(kāi)發(fā)流程
一般情況下，如果企業(yè)要開(kāi)發(fā)出一款大屏，需要經(jīng)歷：需求溝通——大屏設(shè)計(jì)——大屏實(shí)施開(kāi)發(fā)——大屏上線，這一系列步驟流程。總的來(lái)說(shuō)需要遵循“總覽優(yōu)先，細(xì)節(jié)輔助”的原則。

1、明確客戶需求
本次客戶行業(yè)為租賃行業(yè)，相較其他行業(yè)，該行業(yè)數(shù)據(jù)較為松散，更加注重地理信息相關(guān)數(shù)據(jù)。故此在整個(gè)大屏設(shè)計(jì)上，對(duì)地圖組件著墨甚多，除此之外，客戶還明確表示，希望大屏能有更多的3D效果與動(dòng)態(tài)效果。

2、大屏設(shè)計(jì)
在明確客戶的需求后，下一步就需要大屏設(shè)計(jì)師進(jìn)行專門的設(shè)計(jì)工作，包括整體布局排版、交互方式與動(dòng)效設(shè)計(jì)等相關(guān)內(nèi)容。在此過(guò)程中，設(shè)計(jì)師會(huì)不斷與客戶進(jìn)行溝通，在得到客戶的確認(rèn)后，方能將完成的設(shè)計(jì)圖交由程序開(kāi)發(fā)人員進(jìn)行下一步的工作。

在本例中,設(shè)計(jì)師們?yōu)榇笃林醒氲牡貓D設(shè)計(jì)了多套方案，在客戶進(jìn)行了多次挑選，設(shè)計(jì)師們結(jié)合反饋意見(jiàn)進(jìn)行反復(fù)修改后，客戶終于滿意定稿的情況下，我們將設(shè)計(jì)圖交付給開(kāi)發(fā)人員。經(jīng)過(guò)甲方大大的反復(fù)毆打，咱們終于能進(jìn)入下一個(gè)環(huán)節(jié)了。

3、大屏實(shí)施開(kāi)發(fā)
（1）選擇內(nèi)置組件
確定了大屏整體設(shè)計(jì)后，進(jìn)行實(shí)施時(shí)，首先考慮的就是使用億信ABI酷屏分析的內(nèi)置組件。使用內(nèi)置組件的好處顯而易見(jiàn)，大大加快了開(kāi)發(fā)效率，并且很多內(nèi)置組件經(jīng)過(guò)多次版本迭代，不少組件本身已具備不錯(cuò)的品質(zhì)，在3D效果和動(dòng)態(tài)效果方面有很好的畫(huà)面感。

在案例大屏中，基本的圖表展示組件均為內(nèi)置組件，著實(shí)減少了不少工作量，僅僅通過(guò)拖拽，給定適合的參數(shù)，就完成了大屏的部分內(nèi)容，算是整個(gè)工作流程中最輕松的部分了，歐耶！

（2）自定義開(kāi)發(fā)
實(shí)際開(kāi)發(fā)中，當(dāng)客戶對(duì)于視覺(jué)效果的要求不是非常高時(shí)，通過(guò)酷屏內(nèi)置組件的組合，已經(jīng)能夠完成一張視覺(jué)效果不錯(cuò)的大屏。當(dāng)客戶的要求無(wú)法通過(guò)內(nèi)置組件實(shí)現(xiàn)時(shí)，可以在酷屏中進(jìn)行自定義組件開(kāi)發(fā)，借助常見(jiàn)的前端技術(shù)，如：echarts來(lái)制作符合自己需求的組件。

在這次大屏開(kāi)發(fā)中，客戶明確提出需要有3D畫(huà)面感，動(dòng)效的地方，我們進(jìn)行了專門的自定義開(kāi)發(fā)，也就是通過(guò)代碼來(lái)定制開(kāi)發(fā)，最后完成了整個(gè)大屏的制作。

當(dāng)然，完整的大屏其實(shí)還需要進(jìn)行數(shù)據(jù)處理、數(shù)據(jù)庫(kù)管理等數(shù)據(jù)相關(guān)操作，不過(guò)由于億信ABI的封裝度已經(jīng)很成熟，我們?cè)谑褂每崞练治鲞M(jìn)行大屏開(kāi)發(fā)時(shí)，只需通過(guò)簡(jiǎn)單的配置就能讓酷屏自動(dòng)完成相關(guān)操作，讓我們?cè)谑褂弥懈⌒氖×Α?br>
一般一個(gè)大屏整體實(shí)施下來(lái)，大概在5-幾十人天不等，看需求復(fù)雜程度。億信ABI的酷屏分析功能充分考慮開(kāi)發(fā)人員的使用習(xí)慣，提供了豐富的二次開(kāi)發(fā)接口，開(kāi)發(fā)人員可按自身需求對(duì)產(chǎn)品進(jìn)行優(yōu)化、改造。當(dāng)內(nèi)置組件無(wú)法滿足需求時(shí)，可快速基于已有的組件接口進(jìn)行擴(kuò)展，甚至自定義需要的可視化組件。如果你需要開(kāi)發(fā)一個(gè)數(shù)據(jù)大屏，不妨試試億信ABI。

更多精彩內(nèi)容歡迎關(guān)注公眾號(hào)：億信華辰
億信華辰是中國(guó)專業(yè)的智能數(shù)據(jù)產(chǎn)品與服務(wù)提供商，一直致力于為政企用戶提供從數(shù)據(jù)采集、存儲(chǔ)、治理、分析到智能應(yīng)用的智能數(shù)據(jù)全生命周期管理方案，幫助企業(yè)實(shí)現(xiàn)數(shù)據(jù)驅(qū)動(dòng)、數(shù)據(jù)智能，已積累了8000多家用戶的服務(wù)和客戶成功經(jīng)驗(yàn)，為客戶提供數(shù)據(jù)分析平臺(tái)、數(shù)據(jù)治理系統(tǒng)搭建等專業(yè)的產(chǎn)品咨詢、實(shí)施和技術(shù)支持服務(wù)。