采集系统上云(这篇心得：智慧城市数据可视化系统的应用场景设计实现 )

　　采集系统上云(这篇心得：智慧城市数据可视化系统的应用场景设计实现

)

　　本经验主要总结智慧城市数据融合可视化系统的设计与实施经验，从设计理念、设计方法、技术实现、常见问题等方面总结设计与实施经验，以方便读者更好地理解可视化系统设计实现。

　　01 明确系统应用场景

　　

　　智慧城市数据可视化系统不同于运行在PC端的普通系统。它的应用场景通常是展示、报告、会议、应急指挥等，受众通常是关心数据统计和发展趋势的决策者和管理者。

　　这是非常重要的。只有了解了系统的应用场景、目的、受众，才能站在用户的角度去设计和实现。

　　

　　02 系统功能结构规划

　　在智慧城市的可视化应用中，通常涉及到城市管理的多个领域，如教育、旅游、医疗、交通等，每个领域都可以看成一个“话题”，每个话题都可以根据内容量。数据显示页面。

　　在系统的最外层，可以设计一个如上图所示的“带系统主菜单功能的封面”。系统启动并运行后，首先进入该界面。

　　进入特定主题后，您可以通过上面的 TAB 样式菜单在模块之间切换。模块切换也可以通过侧面隐藏的标签菜单来实现。

　　

　　03 系统间对接

　　数据可视化系统是城市运行数据的生动展示。在实施过程中，通常需要连接基础业务系统，从基础业务系统中获取数据，实现数据的可视化。

　　方式一：对于已经实现了ESB总线系统的智慧城市项目，主要通过ESB以WS方式进行数据对接。

　　方式二：对于第三方系统，主要使用REST进行对接，数据格式为JSON。

　　04 数据可视化组件的使用

　　在智慧城市数据可视化系统标准版中，以echarts作为主要的数据可视化组件。

　　echarts 作为国内比较成功的开源项目，总体来说有一些优势：

　　1)简单易用，官方文档比较详细，官网提供了大量使用示例供大家使用。

　　2) 支持按需打包。官网提供了在线建设的工具。在线构建项目时，可以选择项目需要使用的模块，从而减少JS文件的大小。

　　3)开源

　　4)支持中国地图功能

　　对于一些标量数据，主要使用自行设计的标签组件进行展示。

　　对于一些适合以列表形式呈现的数据集合，需要设计一个与整体风格相匹配的表格进行展示。

　　05 常用图表及用法

　　(1)折线图

　　适用场景：折线图适用于二维大数据集，也适用于多个二维数据集的比较。折线图不注重具体数字，也不强调个体对比，而是从整体宏观的角度把握发展趋势。

　　

　　(2)面积图

　　适用场景：强调数量随时间变化的程度，也可以用来引起人们对总值趋势的关注。

　　扩展图：堆积面积图、百分比堆积面积图还可以显示部分与整体（或几个数据变量之间）的关系。

　　

　　(3)柱状图

　　适用场景：柱状图侧重于各种元素的分布，强调个体之间的对比，突出详细的数据。直方图也能看趋势，但不适合表现宏观的长期趋势，更适合表现近期的发展趋势。

　　衍生图：堆积柱状图、柱状图组、条形图、堆积条形图等。

　　注意：为了美观的设计，柱状图之间的间隔应设置为 1/2 宽度。

　　

　　

　　(4)折线列组合图

　　适用场景：要求折线图和直方图有一定的相关性，放在一起可以反映更多的问题，从而实现多组数据统计在一个图表中的形式。

　　

　　

　　(5)瀑布

　　适用场景：表达几个特定值之间的数量关系，最后显示一个累计值。显示两个数据点之间的演变，并显示数据是如何累积的。

　　缺点：适用场景较少

　　

　　(6)散点图

　　适用场景：散点图适用于海量3D数据集。所有数据在坐标轴上以散点的形式分布，以点的位置坐标和颜色作为个体变量的区分。点的数量分布用于判断变量之间是否存在一定的关系。通常，xy轴表示的数据是线性数据。

　　缺点：散点图不适合中小型数据集。

　　衍生图：气泡图。气泡图散点图增加了可变气泡区域。

　　

　　

　　(7)饼图/环形图/夜莺玫瑰图

　　适用场景：显示每一项的大小与每项总和的比例。适用于简单的比例图，适用于不需要精细数据的情况。饼图强调个体与整体的对比，适合突出某一元素的比例。

　　派生图表：环形图表组和嵌套饼图。

　　单个饼图用于显示单个元素的比例，要求每个元素的组成比例之和为100%。

　　环图组的各个环代表元素的索引可以没有构成关系，更强调对比关系。

　　嵌套饼图是根据同一对象的两种不同的构成分类方法，显示各元素所占的比例。

　　

　　

　　(8)雷达图

　　适用场景：雷达图适用于多维数据（四维以上），一般用于表示某个数据领域的综合情况。

　　缺点：理解成本高，数据点过多难以区分。

　　

　　(9)仪表盘

　　适用场景：适用于重要数据指标的表现。仪表盘需要提供指标的正常值范围和正常值上下的区间。指针标识当前指标的具体数值，清楚地看到指标值所在的区间。起到很好的预警功能。

　　同一类型或同一对象的多个指标数据组合可以由多个仪表板组合或同一仪表板上的多个指针表示。

　　

　　(10)人物云

　　适用场景：通过字体大小和分布显示词频，可以用来做一些用户画像和用户标签。

　　优点：很酷很漂亮。

　　缺点：单次使用场景。

　　

　　06 手动数据编辑功能的必要性

　　这是通过实际项目总结出来的经验。在很多实际项目中，由于受用户演示时间节点和系统验收时间节点的限制，可视化系统的“就绪”时间节点有时不晚于基础业务系统的上线运行时间。换句话说，可能基础业务系统刚刚上线，或者甚至还没有上线，你需要展示可视化系统。这时候，真正意义上的数据对接已经来不及了。因此，基于这个经验，我们提供了在系统后台手动编辑数据。当无法获得真实数据时，可采用人工维护来满足系统演示的需要。

　　07 “可视化”数据的设计过程

　　下面以宏观经济数据可视化系统为例，用图文说明设计过程。

　　（1)首先可以使用思维导图对采集到的数据项进行组织，从而发现这些数据项之间的逻辑关系和内部联系。并总结出几个需要设计的主题。

　　

　　（2) 对主题中的数据项进行分类整理，并在页面上进行布局。要考虑数据项的呈现形式和图标类型，设计数据项之间的联动关系。输出《线框》作为设计数据可视化题目的手稿。

　　

　　

　　（3)以线框图为输入输出专题UI设计图，实际展示在电脑屏幕上进行，超高分大屏，深思熟虑，修改，定稿。