基于數據可視化的海圖銷售實時監控系統設計與實現

王好平 王超

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

關鍵詞：數據可視化;海圖銷售;DATAV

0 引 言

在互聯網時代，我們每天都會生成海量的數據，“大數據”的概念也逐漸深入人心。如何從數據中提取有效信息，充分挖掘數據的價值，抓住隱藏在數據背后的本質、認識數據的結構和規律，成為當今信息科學與技術領域的關鍵問題[1]。數據可視化就是其中一項重點應用，它將數據用統計圖表等方式呈現，用更容易被人們解讀的圖形圖像來替代專業的、不直觀的數據內容，從而更加高速、快捷地傳遞信息。

近年來，上海海圖中心海事航海圖書銷售呈迅猛增勢，為了更好地反映出銷售趨勢、銷售熱點等信息，本文以海圖銷售數據為例，通過數據可視化技術，設計并實現了一個海圖銷售實時監控可視化系統，將相關數據在大屏中集中展示，為決策分析提供有力支持。

1 海圖銷售實時監控系統設計

1.1 總體設計

海圖銷售實時監控系統主要分為后臺數據監控和前端可視化展示兩部分。數據監控是核心，包括數據獲取、數據清洗、數據分析等，在本文中主要通過C#和MySQL來實現。可視化展示包括熱銷排名、銷售地圖、銷售趨勢分析等，主要通過DataV平臺來實現。整體采用為B/S架構，便于用戶瀏覽，如圖1所示。

1.2 數據庫設計

在本文中選用MySQL作為后臺數據庫，其具有開源、服務穩定、易于維護等優勢，提供的數據接口也便于DataV等可視化平臺軟件使用。按照需求，設計主表結構如圖2所示。

1.3 系統流程設計

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

1.4 主要技術

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

2 海圖銷售實時監控系統實現

2.1 數據獲取

本文所涉及的數據主要來源于上海海圖中心的海圖銷售數據，可以在后臺數據監控模塊中導入XLS、CSV文件或直接錄入，導入界面如圖3所示。

2.2 數據清洗

為了保證錄入的數據準確且唯一，需要進行數據清洗，包括數據一致性檢查、缺失數據處理、重復數據刪除等，清洗后的數據再導入到MySQL數據庫中。

2.3 數據分析

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

2.4 大屏可視化

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

2.4.1 銷售地圖展示

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

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

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

2.4.3 每月銷售趨勢

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

3 結 語

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

參考文獻

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

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

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