智慧城市⼤数据可视化系统设计⼼得
这篇⼼得，主要针对智慧城市数据融合可视化系统的设计实施经验进⾏总结，在设计理念、设计⽅法、技术实现、常见问题等⽅⾯，对设计实施经验进⾏总结，以⽅便读者更好的了解可视化系统的设计实现。
01 明确系统的应⽤场景
智慧城市数据可视化系统，不同于普通运⾏于PC端的系统，它的应⽤场景通常是展⽰、汇报、会议、应急指挥等，受众通常是关⼼数据统计结果以及发展态势的决策者、管理者。
这⼀点是⾮常重要的，只有了解了系统的应⽤场景、⽤途、受众，才能从使⽤者的⾓度去进⾏设计和实现。
02 系统功能结构的规划
智慧城市的可视化应⽤中，通常涉及城市管理的多个领域，如：教育、旅游、医疗、交通等等，可以将每个领域作为⼀个“专题”，每个专题根据内容的多少设计⼀个或多个数据展⽰页⾯。
在系统的最外层，可以设计⼀个如上图照⽚中的“具备系统主菜单功能的封⾯”，系统启动运⾏后，⾸先进⼊这个界⾯。
进⼊具体的专题后，可以通过上⽅TAB风格的菜单来进⾏各模块的切换。模块的切换也可通过侧边隐藏式标签菜单来实现。
03 系统之间的对接
数据可视化系统是城市运⾏数据的⽣动展⽰⽅式，在实施过程中，通常需要对接基础业务系统，从基础业务系统获取数据，从⽽进⾏数据的可视化展⽰。
⽅式1：对于已经实施了ESB总线系统的智慧城市项⽬，主要通过ESB以WS⽅式进⾏数据对接。
⽅式2：对于第三⽅系统，主要采⽤REST的⽅式进⾏对接，数据格式为JSON。
04 数据可视化组件的使⽤
在标准版本的智慧城市数据可视化系统中，采⽤了echarts作为主要的数据可视化组件。
echarts作为国内⼀款相对较为成功的开源项⽬，总体上来说有这样的⼀些优点：
1. 容易使⽤，官⽅⽂档⽐较详细，⽽且官⽹中提供⼤量的使⽤⽰例供⼤家使⽤。
2. ⽀持按需求打包，官⽹提供了在线构建的⼯具，可以在线构建项⽬时，选择项⽬所需要使⽤到的模块，从⽽达到减⼩JS⽂件的体积。
3. 开源
4. ⽀持中国地图功能
对于⼀些标量数据，主要采⽤⾃⾏设计的label组件来进⾏显⽰。
对于适合⼀些列表⽅式表现的数据集合，需要⾃⾏设计与总体风格匹配的表格进⾏显⽰。
05 常⽤图表及⽤法
(1)折线图
适⽤场景：折线图适⽤于⼆维的⼤数据集，还适合多个⼆维数据集的⽐较。折线图并不关注具体的数字是多少，也不强调个体的对⽐，⽽是从整体宏观的⾓度，把握发展的趋势。
(2)⾯积图
适⽤场景：强调数量随时间⽽变化的程度，也可⽤于引起⼈们对总值趋势的注意。
延伸图表：堆积⾯积图、百分⽐堆积⾯积图还可以显⽰部分与整体之间(或者⼏个数据变量之间)的关系。
(3)柱形图
适⽤场景：柱形图关注各个元素之间的分布情况，强调的是个体之间的对⽐，突出详细的数据。 柱状图也可看趋势，但不宜展⽰⼀个宏观的长远的趋势，它更适宜展⽰近期的发展趋势。
衍⽣图表：堆积柱形图，柱形图组，条形图，堆积条形图等。
注意：为设计美观，柱形图之间的间隔设置为1/2宽度为宜。
(4)折线柱形组合图
适⽤场景：要求折线图与柱状图之间存在⼀定的关联，放在⼀起更能体现更多的问题，从⽽实现多组数据统计在⼀张图表中的形式。
(5)瀑布图
适⽤场景：表达数个特定数值之间的数量变化关系，最终展⽰⼀个累计值。展⽰两个数据点之间的演变
过程，还可以展⽰数据是如何累计的。
劣势：适⽤场景较少
(6)散点图
适⽤场景：散点图适⽤于海量的三维数据集。所有数据以散点的形态分布在坐标轴内，以点的位置坐标和颜⾊作为变量个体的区分，通过点的数量分布来判断变量之间是否存在某种关联。⼀般情况下xy轴代表的数据是线性数据。
劣势：散点图不适⽤于中⼩规模数据集。
衍⽣图表：⽓泡图。⽓泡图散点图增加了⽓泡⾯积这个变量。
(7)饼图/环形图/南丁格尔玫瑰图
适⽤场景：显⽰各项的⼤⼩与各项总和的⽐例。适⽤简单的占⽐⽐例图，在不要求数据精细的情况适⽤。
饼图强调的是个体与整体之间的⽐较， 适⽤于突出某元素的占⽐情况。
衍⽣图表：环形图组和嵌套饼图。
单个的饼图⽤于表现单个元素占⽐情况，要求各元素组成⽐例之和是100%。
环形图组各个环形代表元素指标可以没有组成关系，更强调对⽐关系。
嵌套饼图则是针对同⼀对象的两种不同组成分类⽅式，表现各个元素占⽐情况。
(8)雷达图
适⽤场景：雷达图适⽤于多维数据(四维以上)，⼀般是⽤来表⽰某个数据字段的综合情况，
劣势：理解成本较⾼，数据点太多的话辨别起来有困难。
(9)仪表盘
适⽤场景：适⽤于表现重要数据指标。仪表盘需要提供该指标的正常值范围以及⾼于和低于正常值的区间，通过指针标识当前指标的具体数值并清晰的看出看出某个指标值所在的区间。起到很好的预警功能。
可以通过多个仪表盘组合或同⼀仪表盘设置多个指针的⽅式来表现同类或同⼀对象的多个指标数据组合。
(10)字符云
适⽤场景： 通过字号和分布显⽰词频，可以⽤来做⼀些⽤户画像、⽤户标签的⼯作。
优势：很酷炫，美观。
劣势：使⽤场景单⼀。
06 数据⼈⼯编辑功能的必要性
数据可视化设计案例
这⼀条通过实际项⽬总结出的经验。很多实际项⽬中，由于⽤户演⽰的时间节点、系统验收时间节点的制约，可视化系统的“就绪”时间节点有时不会晚于基础业务系统的上线运⾏时间。换句话说，可能基础业务系统刚刚上线，甚⾄还没有上线，就需要演⽰可视化系统。⽽这时进⾏真正意义上的数据对接是来不及的。所以，根据这个经验，我们在系统的后台提供了数据的⼈⼯编辑功能。在真实数据还⽆法提供时，可以通过⼈⼯维护的⽅式来满⾜系统演⽰的需求。这⼀功能为实际项⽬的客户演⽰、验收，提供了很⼤的便利。
07 将数据进⾏“可视化”的设计过程
下⾯以宏观经济数据可视化系统为例，以图⽂的⽅式说明⼀下设计过程。
(1)⾸先可以采⽤思维导图的⽅式，将收集的数据项进⾏整理，从⽽发现这些数据项之间的逻辑关系和内在联系。并总结出⼏个需要设计的主题。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。