EC的模式数值预报可视化系统的设计.docVIP

EC的模式数值预报可视化系统的设计 　　摘要 本文利用javaScript技术，设计了一款欧洲细网格数据气象大数据可视化系统，它是一个以中国气象局下发的EC模式数据为数据源的各主要气象要素的大数据可视化系统。jQuery作为程序的异步处理函数库，Angular.js作为MVC函数库。 　　关键词 EC模式；jQuery；大数据；可视化；气象；系统设计 　　中图分类号 P456.7 文献标识码 A 文章编号 1007-5739（2017）10-0198-02 　　随着气象事业的发展，数据预报的精度越来越准确，特别是在气象预报当中的EC模式数据精度更是越来越高，但是一直没有一个直观的可视化系统，可以帮助预报员在宏观上对数值预报结果有一个直观的分析。本文研究的EC模式数值预报可视化系统解决了这个问题。无论是数据量较小的EC粗网格数据还是数据量较大的EC细网格数据，本系统都可以直观利用网页的动画效果实现各要素的全球化展示，特别是风场数据在可视化当中风的强度和风的速度，准确而直观。在吉林省的气象预报业务当中得到了广泛应用。 　　1 气象大数据可视化现状 　　枯燥的数据在气象预报当中经常使用，很早就有气象人员提出了对气象要素进行可视化研究，但是一般局限于实时数据和历史数据。对于在预报当中非常有用的数值预报数据的可视化一直研究较少，特别是对于EC模式可视化研究，目前国内还不多见。 　　关于历史数据可视化研究，目前英国的气象工作者走在前列，特别是历史数据中的温度要素，英国气象开发者开发了一个关于英国气象温度历史的网页，在该网页上不仅能够用可视化的方式展示1911―2012年整个气象史的数据情况，还可以对英国这些年的温度情况进行比较和统计分析。对于英国曾经在哪些年出现过气象灾害也会标注，通过可视化的温度数据也利于找到温度和气象灾害的关系。100年的历史仅仅用一张可交互的D3图形就清晰明了地展现出来（图1）。 　　2 EC模式可视化系统总体设计 　　数据来源是中国气象局卫星下发的EC粗网格和EC细网格数据，通过JAVA程序对EC数据进行格式处理，处理成前端javaScript可以使用的json格式的数据。然后利用HTML5技术在网页上显示风场、气压、湿度、温度等要素，并且可以将温度和风场、气象和风场结合到一起显示，真正实现了可视化，便于预报员更好地分析未来的天气情况。 　　要素的可视化是以风场动画图与其他要素的色斑图结合为主，并且可以通过时间线做多看72 h后的数值预报情况。世界地图通过将时间地图的SHP数据转化为TOPOJSON数据，然后通过网页将世界地图放在地球上，这样可视化过程更为直观（图2）。 　　3 HTML5和javaScript相关技术 　　HTML（HyperText Mark-up Language）是网页当中的核心部分，旧有的HTML技术虽然在互联网上还在广泛使用，但是对于现在来说在技术上已经有些不足，无论是CPU占有率还是对插件和图像的支持都已落后于时代，所以在2006年提出了HTML5对HTML的升级版，相较之前无论是网页的速度还是对多媒体的支持都有了质的飞跃，所以在新研究?_发的网页应用上都已经开始普遍使用HTML5技术。 　　HTML5和HTML比较再也不用使用FLASH了，新的HTML5支持声音标签和视频标签。因为不再使用FLASH，HTML5在移动端也更加方便，甚至服务器上的程序不用更改就直接可以在手机移动端运行。利用HTML5结合JavaScript处理矢量图形非常方便，矢量图形的优点是在图形放大或者缩小时不会影响图形的清晰度。这个优点使气象数据的可视化变得方便和友好。并且利用JavaScript和HTML5的接口，还有很多封装好的插件供程序使用，开发起来非常方便[1-2]。 　　3.1 jQuery 　　jQuery是使用JavaScript开发的一个接口。jQuery在开发过程中能更便捷地处理HTML的文档，由于它的功能强大，几乎在所有的前端开发当中都要使用JavaScript的这个函数库。jQuery使用简单，而且无论是动画还是CSS操作还是异步处理都能更加方便地实现。 　　嵌入在HTML页面的里的JavaScript表达式或语句，不管是作为HTML元素的特性，还是嵌入在页面中的脚本JavaScript，都是不正确的。这样做的理由主要基于低耦合，或者叫作分离的思想，这完全雷同于在HTML中把样式通过CSS从结构中分离出来。对于CSS样式的应用，所带来的好处，在此不再赘叙[3-4]。 　　不管是基于样式还是行为，它们所实现的是与结构的分离，最显而易见的好处即是可以通过某一语句实现对所选定元素的样式或行为的统一，而无需针对某一个逐个改变。 　　3.2 MVC 　　在WEB