我如何用10分钟搭建了智慧县域运营中心数据可视化界面

“县积而郡，郡积而天下；郡县治，天下无不治”。截至2016年，除港澳台外，全国县级行政区划有2851个，占全国国土面积的90%以上、总人口的85%左右、GDP总量的半壁江山。县域经济是国民经济的重要组成部分，是区域发展的基础，是新型城镇化的主战场。

通过地理与图表结合的数据可视化模式，直观地掌握下属各县域经济发展程度，并以此为基础进行分析，支持管理者的发展规划决策，这也是我选择制作这个题材案例的初衷，运用最新发现的超擎时空Studio数据可视化工具，展示一下我如何用10分钟快速搭建智慧县域运用中心数据可视化界面的。

1.数据准备

数据准备本案例中展现的是连云港，重点是其下属三县：东海县、灌云县、灌南县的县域发展规模，并将县域数据与主城区的发展情况进行结合、对比，作为发展决策依据。所以我们需要准备：

☑ 连云港市及其3县的GDP、人均GDP、产业结构、人口构成与流动性等数据指标；

☑ 连云港的县域行政区划地图数据。（没有地图数据？不要紧，慢慢看）

2.创建一个新的数据可视化界面

最早发现这个平台是由于我看过一篇他们发布的“宁波智慧城市运营中心案例”，里面涉及到了城市发展规模、社会公共安全、公共服务运行、基础设施监控等多个场景的数据可视化界面，相对来说，还是较为贴近实际业务场景的：

在创建应用之前，我们需要首先取得一个装备：超擎时空studio的账号，搜索超擎时空，或者复制网址www.superenginecloud.com：

超擎时空Studio入口

在创建界面之前，我们还是需要大致了解一下后台的几个功能模块：

用户界面

经过我的研究，这几个功能模块是这样的：

· 应用：创建智慧城市运营中心界面、移动APP数据可视化、指挥大屏等应用，由此入；

·数据：上传并管理个人的地图和时空轨迹数据（刚刚预备的连云港或者江苏地图数据就可以在这个功能模块进行上传）；

·地图：专业的查看、编辑、调色、查询、分析等地图工具，大师级用户值得拥有；

·监控：统计一下你发布界面的“受欢迎”程度；

· API：程序猿的最爱，可以调用超擎时空的API与SDK开发各种基于地图或者动态轨迹数据的程序应用。

回到正题，现在我们需要创建一个县域数据的可视化界面，从刚刚的学习了解中得知，应该从“应用”进入，点击“新建应用”，铺开一张空白画纸..

3. 选择可视化模板

画纸铺开，问题也来了，很多同学问我，怎么能在十分钟内搭建数据大屏，并且让它贴近业务场景、还整齐美观呢？秘诀是这里有预置的时空数据可视化模板：

使用预置的studio数据可视化模板快速定制搭建自己的界面

在进入“新建应用”的第一个界面中，我们就可以看到模板区（上图红框内），Studio现已提供了多个可爱的（大幅减轻我工作量的）模板，还贴心地提供了部分地图数据；当然傲娇的你也可以选择空白模板，从零开始搭建界面，但是对于只有10分钟的我来说....

在这里要插播一下我的发现：我之前关注的宁波智慧城市运营中心案例界面也已经作为可视化模板，加入超擎时空Studio全家桶，免费使用，有兴趣的同学赶快来试，据传过两天可能会收费（我好像说了什么不该说的秘密...）

4. 开始“所见即所得”的界面编辑

选择好可以套用的可视化模板，按“下一步”继续前进，就进入了Studio的核心区域：可视化编辑界面，也是传说中的拖一拖，放一放，就可以构建界面、实现很多时空数据功能的地方：

1.功能区：可以拖放的各种花式功能按钮，基础组件（文本标题等）、图表组件（饼图、曲线图等）、时空组件（热力图、时空分析、专题图等）都在这里；

2.可视化界面区：所见即所得的时空数据可视化界面；

3.编辑区：对选择的基础组件、图表组件、时空组件的样式和内容进行设置和编辑；

4. 工具栏：可对齐组件、可复制图表、可全屏预览、可页面设置、可发布分享的多功能工具栏

熟悉了编辑界面，就可以按部就班地打造属于我的可视化界面了：

Step1：修改基础组件数据

Step2：切换地图数据

模板中的地图不是我想要的怎么办？换！点击“可视化界面区”中的地图 → 在“编辑区”的“数据”框中选择矢量数据江苏地图 → 点击“地图展示”，切换完成。

Step3：释放“图表组件”技能

这个色调虽然我很喜欢，但是里面的图表组件不合我的心意怎么办？换！拖动图表组件按钮，释放到可视化界面上，就像释放技能一样。

请注意将图表组件关联地图组件这个步骤，不然是不会实现点击地图就能联动图表的酷炫功能的！

Step4：编辑“图表组件”数据

之前准备好的县域GDP等数据现在可以派上用场了，点击图表组件，右侧的编辑栏中可以通过Json代码直接更换数据，并且图表的颜色、位置等也可在编辑栏中进行设置，快速实现数据图表可视化。

请注意，务必、确定、一定保持图表组件中的类目名称与地图中的地名一致，不然也是不会实现点击地图就能联动图表的酷炫功能的！

然后呢...

已经完成啦！

欢迎大家关注我：埃尼阿克ENIAC，不定期更新大数据可视化案例教程，谢谢~