Echarts在移动数据通信中的应用.docVIP

Echarts在移动数据通信中的应用 　　【摘 要】为了改善用户对流量的模糊定义的现状，通过采集流量数据，利用Echarts工具，介绍了Echarts混搭、拖拽重计算、数据视图、动态类型切换、图例开关等特点。研究了流量去向的问题，分析了Echarts语言对数据做出的柱状图和线状图的视图效果。实验证实Echarts工具能够以视图的形式生动地展示流量的变化问题，提醒用户数据流量问题。 　　【关键词】可视化 HTML Echarts 移动数据通信 　　doi：10.3969/j.issn.1006-1010.2016.20.010 中图分类号：TN919.81 文献标志码：A 文章编号：1006-1010（2016）20-0050-04 　　1 引言 　　现代社会高速发展，科技发达，信息流通，大数据已然是这个高科技时代的产物。大数据时代下，需要对大批量数据进行总结、发现其规律，可视化是能显示数据规律的最好方法。信息可视化具有交互性强、数据显示多维性的特点。随着技术的不断改进，催生了许多可视化的工具。不同的可视化工具针对不同的情况能够发挥其应有的价值。目前，百度刚推出的Echarts可视化工具以其多功能的特点，受到广泛的关注。 　　在互联网高速发展的今天，移动通信将世界织成一张网。随着科技信息的不断发展，移动通信进入到4G时代。移动通信技术具有传输速度更高、通信服务多元化、智能化程度更高、兼容性良好等特点。移动通信4G技术可以不考虑时间、地点等因素的限制，使用户可以在任何地点、任何时间创建网络平台，享受流畅的服务，同时可以随时随地接入宽带。4G移动通信技术不仅将网络环境大大改善，还可以对数据进行跟踪定位以及无线远程控制，成为多功能的宽带移动多媒体信息体系。 　　移动通信用户不断壮大的同时，随之而来的就是一系列的问题。流量使用多少的问题是需要大家尤为关注的。每到月末用户对自己的流量使用情况以及使用方式比较关心，本文将运用Echarts工具结合移动通信对数据流量的使用量进行可视化分析，让数据用图表说话。 　　2 Echarts的功能分析 　　Echarts即Enterprise Charts商业产品图表库，它是由百度商业前端数据可视化团队开发出来的，底层基于Zrender是一个全新的轻量级Canvas类库。Echarts开源组件是基于HTML5 Canvas的纯Javascript绘制图形的方法。Echarts是新型的可视化工具，是由坐标系、图例、提示、工具箱等基础组件构成，并可以在此构建出折线图、柱状图、散点图、K线图、饼图、雷达图、地图、和弦图、力导布局图、仪表盘以及漏斗图，它同时支持任意纬度的堆积和多图表混合表现。Echarts支持IE6/7/8/9+、chrome、firefox、safara等多个浏览器。 　　Echarts具有多种功能和炫酷的视图效果，能够满足用户的多种需求。Echarts具有混搭、拖拽重计算、数据视图、动态类型切换、图例开关、数据区域选择、多图联动、值域漫游、炫光特效、大规模数据模式、动态数据添加、标线辅助多维度堆积、子区域地图模式、GeoJson地图扩展、标注标线、事件交互、百搭时间轴等特点。 　　本文研究Echarts对手机流量进行的可视化统计，针对这一情况，通过实验的方式进行验证应用。对于数据的统计分析，选择使用Echarts工具，在使用Echarts工具前，需要引入Echarts。引入Echarts有多种方式，其中包括模块化包引入、模块化单文件引入、标签式单文件引入等方式。本次实验采用的是模块化单文件引入。 　　对于模块化单文件引入，如果使用模块化开发但并没有自己的打包合并环境或者说不希望在项目里引入第三方库的源文件，建议使用单文件引入，同模块化包引入一样，需要熟悉模块化开发。其具体步骤如下： 　　（1）新建一个echarts.html文件，为Echarts准备一个具备大小（宽高）的Dom。 　　（2）新建标签，引入模块化单文件echarts.js。 　　（3）新建标签中为模块加载器配置echarts和所需图表的路径（相对路径为从当前页面链接到echarts.js）。 　　（4）标签内动态加载Echarts和所需图表，回调函数中可以初始化图表并驱动图表的生成。在此需要设置option属性给图表设置数据，并对tooltip提示框、legend图例、calculable设置是否拖拽。其中需要注意的是option为数组元素。 　　3 Echarts实例应用 　　选择一台智能手机，记录这台手机的常用软件，经总结将其分为六类，分别为腾讯QQ、腾讯新闻、手机淘宝、支付宝、新浪微博、其他。记录其在11日到16日的流量使用情况，具体如表1所示。对于表中的数据，通过记录6天的