空气质量可视化PPT.pptx

空气质量指数 可视化 专硕一班：石成 设计思路 1 设计思路 Html5 数据来源 2 数据来源 PM25.in为大家提供空气质量监测数据的网站，数据采自于国家环境保护部。我们使用了2014年11月到2015年11月的全国天气质量指数数据。 PM25.in 数据预处理 3 数据预处理 1.excle格式处理不方便 3 数据预处理 设计过程 4 设计过程 1.工具选择 搜索常见的可视化工具，查看示例，文档。最后打算用百度的Echarts实现。 4 设计过程 bootstrap Free HTML5 JavaScript用来给HTML网页增加动态功能。 还用到JavaScript框架jQuery。 用了一些样式效果 网页模板网页整体的布局 JavaScript 5 整体结构 1.项目主页 5 整体结构 2.天气情况查询 5 整体结构 3.动态展示 5 整体结构 4.其他图表类型 5 整体结构 5.未完善部分 6 交互功能 1.Echarts工具生成的图表，本身自带交互功能。 2.自己设计的交互功能 （1）动态演示中图表与音乐的同步播放与暂停，重新开始等。 （2）不同类型图表之间的切换。 （3）输入合理的日期即可显示该天天气情况 交互功能 TNANK YOU