摘要：随着社会的发展，城市经济发展日新月异，相关的经济发展指标越来越多，面对海量的数据，单一的文本数据的表达、分析已经不能快速、高效的进行数据处理和使用，在这种情况下，数据可视化被提出，借由计算机绘图，使用多种图形方法将复杂的数据生动的表达，增大数据理解交互力度。Echarts是百度开源、功能强大的商业级图表设计工具，使用纯JavaScript语言开发，基于Html5，具有良好的兼容性。本次设计运用Echarts对城市经济发展指标进行数据可视化分析，得到一个反映城市宏观经济环境的可视化系统，更高效直观的处理数据。通过该可视化系统，用户可以更方便直观地对各个城市的经济发展水平、经济健康度有更深入的了解。

关键词：Echarts；数据可视化；城市经济发展指标

目录

摘要

Abstract

1 绪论-1

1.1 选题背景-1

1.2 本课题研究现状-1

1.3 设计目的及意义-1

1.4 方法及手段-1

2 系统分析-3

2.1 需求分析-3

2.1.1 市场需求分析-3

2.1.2 功能需求分析-3

2.1.3 数据需求分析-4

2.2 可行性分析-4

2.2.1 经济可行性分析-4

2.2.2 法律可行性分析-4

2.2.3 用户操作可行性分析-4

2.2.4 可行性分析综述-5

2.3 系统分析-5

2.3.1 网站结构分析-5

2.3.2 网站性能分析-5

3 系统设计-6

3.1 开发工具及关键技术的介绍-6

3.2 系统概要设计-6

3.3系统详细设计-6

3.3.1 地图模块-7

3.3.2 GDP对比图模块-7

3.3.3 产业增值对比图-7

3.3.4 居民储蓄对比图-8

3.3.5 地方一般预算收入支出-8

4 系统模块的实现及界面设计-10

4.1 登录及注册-10

4.2 地图功能模块-11

4.3 各城市GDP对比功能模块-12

4.4 各城市产业增加值对比功能模块-15

4.5 各城市居民储蓄对比功能模块-17

4.6 地方一般公共预算收入支出对比功能模块-18

5 系统测试-22

5.1 系统兼容性测试-22

5.1.1 浏览器兼容性测试-22

5.1.2 平台兼容性测试-22

5.2 系统功能测试-22

结    论-23

参 考 文 献-24

致    谢-25