基于数据可视化的海图销售实时监控系统设计与实现

王好平 王超

摘  要：本文通过数据可视化技术研究，设计并实现了海图销售实时监控系统，将海图销售数据转化为图表大屏展示，直观地反映销售情况，为决策分析提供有力支持。该系统具有较好的人机交互性和通用性，可为数据可视化技术在智慧航保建设中的应用提供参考。

关键词：数据可视化;海图销售;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.