基于數(shù)據(jù)可視化的海圖銷售實(shí)時(shí)監(jiān)控系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

王好平 王超

摘 ?要：本文通過數(shù)據(jù)可視化技術(shù)研究，設(shè)計(jì)并實(shí)現(xiàn)了海圖銷售實(shí)時(shí)監(jiān)控系統(tǒng)，將海圖銷售數(shù)據(jù)轉(zhuǎn)化為圖表大屏展示，直觀地反映銷售情況，為決策分析提供有力支持。該系統(tǒng)具有較好的人機(jī)交互性和通用性，可為數(shù)據(jù)可視化技術(shù)在智慧航保建設(shè)中的應(yīng)用提供參考。

關(guān)鍵詞：數(shù)據(jù)可視化;海圖銷售;DATAV

0 引 言

在互聯(lián)網(wǎng)時(shí)代，我們每天都會(huì)生成海量的數(shù)據(jù)，“大數(shù)據(jù)”的概念也逐漸深入人心。如何從數(shù)據(jù)中提取有效信息，充分挖掘數(shù)據(jù)的價(jià)值，抓住隱藏在數(shù)據(jù)背后的本質(zhì)、認(rèn)識(shí)數(shù)據(jù)的結(jié)構(gòu)和規(guī)律，成為當(dāng)今信息科學(xué)與技術(shù)領(lǐng)域的關(guān)鍵問題[1]。數(shù)據(jù)可視化就是其中一項(xiàng)重點(diǎn)應(yīng)用，它將數(shù)據(jù)用統(tǒng)計(jì)圖表等方式呈現(xiàn)，用更容易被人們解讀的圖形圖像來替代專業(yè)的、不直觀的數(shù)據(jù)內(nèi)容，從而更加高速、快捷地傳遞信息。

近年來，上海海圖中心海事航海圖書銷售呈迅猛增勢(shì)，為了更好地反映出銷售趨勢(shì)、銷售熱點(diǎn)等信息，本文以海圖銷售數(shù)據(jù)為例，通過數(shù)據(jù)可視化技術(shù)，設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)海圖銷售實(shí)時(shí)監(jiān)控可視化系統(tǒng)，將相關(guān)數(shù)據(jù)在大屏中集中展示，為決策分析提供有力支持。

1 海圖銷售實(shí)時(shí)監(jiān)控系統(tǒng)設(shè)計(jì)

1.1 總體設(shè)計(jì)

海圖銷售實(shí)時(shí)監(jiān)控系統(tǒng)主要分為后臺(tái)數(shù)據(jù)監(jiān)控和前端可視化展示兩部分。數(shù)據(jù)監(jiān)控是核心，包括數(shù)據(jù)獲取、數(shù)據(jù)清洗、數(shù)據(jù)分析等，在本文中主要通過C#和MySQL來實(shí)現(xiàn)。可視化展示包括熱銷排名、銷售地圖、銷售趨勢(shì)分析等，主要通過DataV平臺(tái)來實(shí)現(xiàn)。整體采用為B/S架構(gòu)，便于用戶瀏覽，如圖1所示。

1.2 數(shù)據(jù)庫(kù)設(shè)計(jì)

在本文中選用MySQL作為后臺(tái)數(shù)據(jù)庫(kù)，其具有開源、服務(wù)穩(wěn)定、易于維護(hù)等優(yōu)勢(shì)，提供的數(shù)據(jù)接口也便于DataV等可視化平臺(tái)軟件使用。按照需求，設(shè)計(jì)主表結(jié)構(gòu)如圖2所示。

1.3 系統(tǒng)流程設(shè)計(jì)

數(shù)據(jù)可視化技術(shù)主要是指利用圖形化手段、圖像處理、計(jì)算機(jī)視覺效果以及交互界面，通過分析、轉(zhuǎn)化以及平面或立體圖形包括動(dòng)畫的方式，對(duì)數(shù)據(jù)加以可視化解釋[2]。主要流程為數(shù)據(jù)獲取、數(shù)據(jù)預(yù)處理、生成可視化結(jié)果、結(jié)果呈現(xiàn)和用戶交互，其中生成可視化結(jié)果是最為關(guān)鍵的一步，生成的圖形圖表是否準(zhǔn)確、美觀、易讀，將直接決定可視化的效果和用戶體驗(yàn)。

1.4 主要技術(shù)

數(shù)據(jù)可視化的方法有很多，Python、JavaScript、PHP等編程語言都可以實(shí)現(xiàn)，在本文中選用的是阿里云的DataV數(shù)據(jù)可視化平臺(tái)。前文提及生成可視化結(jié)果是最為關(guān)鍵的一步，DataV數(shù)據(jù)可視化平臺(tái)的最大優(yōu)勢(shì)就是擁有豐富的場(chǎng)景模板，可拖拽式圖表組件，能支撐多種數(shù)據(jù)類型的分析展示，即便是非設(shè)計(jì)專業(yè)人員也可以做到色彩、布局、圖表的綜合運(yùn)用，在簡(jiǎn)單的一頁(yè)之內(nèi)讓人讀懂?dāng)?shù)據(jù)之間的層次與關(guān)聯(lián)，適用于智慧城市、智慧交通、安全監(jiān)控、商業(yè)智能等多領(lǐng)域[3]。

2 海圖銷售實(shí)時(shí)監(jiān)控系統(tǒng)實(shí)現(xiàn)

2.1 數(shù)據(jù)獲取

本文所涉及的數(shù)據(jù)主要來源于上海海圖中心的海圖銷售數(shù)據(jù)，可以在后臺(tái)數(shù)據(jù)監(jiān)控模塊中導(dǎo)入XLS、CSV文件或直接錄入，導(dǎo)入界面如圖3所示。

2.2 數(shù)據(jù)清洗

為了保證錄入的數(shù)據(jù)準(zhǔn)確且唯一，需要進(jìn)行數(shù)據(jù)清洗，包括數(shù)據(jù)一致性檢查、缺失數(shù)據(jù)處理、重復(fù)數(shù)據(jù)刪除等，清洗后的數(shù)據(jù)再導(dǎo)入到MySQL數(shù)據(jù)庫(kù)中。

2.3 數(shù)據(jù)分析

數(shù)據(jù)分析主要基于MySQL命令實(shí)現(xiàn)，通過設(shè)置不同的查詢條件生成分析結(jié)果，例如熱銷海圖排名、代銷站排名、年度銷售量、印刷工藝占比等，部分查詢語句如圖5所示。

2.4 大屏可視化

通過挑選不同的圖表組件，生成合適的可視化結(jié)果后，在大屏中進(jìn)行展示。本文實(shí)現(xiàn)的功能有熱銷海圖排名輪播、銷售地圖展示、年度代銷站銷售排名輪播、每月銷售趨勢(shì)等，在一張圖中集中反映出海圖的銷售情況。各組件數(shù)據(jù)均由后臺(tái)數(shù)據(jù)庫(kù)提供，實(shí)現(xiàn)全自動(dòng)實(shí)時(shí)更新。

2.4.1 銷售地圖展示

銷售地圖展示運(yùn)用的是DataV基礎(chǔ)平面地圖組件，組件本身自帶無極縮放、移動(dòng)等操作，支持配置地圖的位置、顏色、鼠標(biāo)交互事件等功能，還可以添加躍遷飛線層、呼吸氣泡層、區(qū)域熱力層等子組件，融合多種特效展示各城市地理位置的實(shí)時(shí)數(shù)據(jù)。

2.4.2 熱銷海圖排名、代銷站排名輪播

為了反映熱銷海圖排名及代銷站排名數(shù)據(jù)，本文選用了輪播列表柱狀圖和水平柱狀圖來表示，支持跑馬燈等動(dòng)畫特效，直觀展示排名、銷售量等信息。

2.4.3 每月銷售趨勢(shì)

數(shù)據(jù)可視化的一項(xiàng)重要工作是深挖數(shù)據(jù)背后隱藏的價(jià)值，在本文中通過數(shù)據(jù)分析得出了POD打印和批量打印2種不同印刷工藝的每月銷售數(shù)據(jù)，以1a為周期繪制成銷售趨勢(shì)圖，反映了印刷工藝的需求變化及周期變化，為決策提供支持。

3 結(jié) 語

大屏可視化技術(shù)可以通過圖形圖表的方式，讓用戶更直觀更容易地理解數(shù)據(jù)，在數(shù)據(jù)的展示、分析和應(yīng)用方面必將越來越為重要。本文以海圖銷售數(shù)據(jù)為例，設(shè)計(jì)并實(shí)現(xiàn)了基于MySQL+DataV的海圖銷售實(shí)時(shí)監(jiān)控系統(tǒng)，通過一張圖集中展示海圖銷售情況，數(shù)據(jù)簡(jiǎn)潔清晰，可為決策分析提供有力支持。同時(shí)，具有較好的人機(jī)交互性和通用性，可為數(shù)據(jù)可視化技術(shù)在智慧航保建設(shè)中的應(yīng)用提供參考。

參考文獻(xiàn)

[1] Ying-Chi Lin，AnikaGroB，ToralfKirsten，Integration and visualization of spatial data in LIFE[J].Information Technology，2017，59（4）：161-170.

[2] 毋曉志.空間優(yōu)化的圖可視化方法研究[D].山西：山西大學(xué)，2011：1-2.

[3] 阿里云.DataV數(shù)據(jù)可視化[EB/OL].https：//help.aliyun.com/product/43570.html，2020-07-13.