echarts在移动数据通信中的应用

《echarts在移动数据通信中的应用》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、Echarts在移动数据通信中的应用　　【摘要】为了改善用户对流量的模糊定义的现状，通过采集流量数据，利用Echarts工具，介绍了Echarts混搭、拖拽重计算、数据视图、动态类型切换、图例开关等特点。研究了流量去向的问题，分析了Echarts语言对数据做出的柱状图和线状图的视图效果。实验证实Echarts工具能够以视图的形式生动地展示流量的变化问题，提醒用户数据流量问题。　　【关键词】可视化HTMLEcharts移动数据通信　　doi：10.3969/j.issn.1006-1010.2016.20.010中图分类号：TN919.81文献标志码：A文章编号：1006-

2、1010（2016）20-0050-04　　1引言　　现代社会高速发展，科技发达，信息流通，大数据已然是这个高科技时代的产物。大数据时代下，需要对大批量数据进行总结、发现其规律，可视化是能显示数据规律的最好方法。信息可视化具有交互性强、数据显示多维性的特点。随着技术的不断改进，催生了许多可视化的工具。不同的可视化工具针对不同的情况能够发挥其应有的价值。目前，百度刚推出的Echarts可视化工具以其多功能的特点，受到广泛的关注。6　　在互联网高速发展的今天，移动通信将世界织成一张网。随着科技信息的不断发展，移动通信进入到4G时代。移动通信技术具有传输速度更高、通信服务多元化

3、、智能化程度更高、兼容性良好等特点。移动通信4G技术可以不考虑时间、地点等因素的限制，使用户可以在任何地点、任何时间创建网络平台，享受流畅的服务，同时可以随时随地接入宽带。4G移动通信技术不仅将网络环境大大改善，还可以对数据进行跟踪定位以及无线远程控制，成为多功能的宽带移动多媒体信息体系。　　移动通信用户不断壮大的同时，随之而来的就是一系列的问题。流量使用多少的问题是需要大家尤为关注的。每到月末用户对自己的流量使用情况以及使用方式比较关心，本文将运用Echarts工具结合移动通信对数据流量的使用量进行可视化分析，让数据用图表说话。　　2Echarts的功能分析　　Echa

4、rts即EnterpriseCharts商业产品图表库，它是由百度商业前端数据可视化团队开发出来的，底层基于Zrender是一个全新的轻量级Canvas类库。Echarts开源组件是基于HTML5Canvas的纯Javascript绘制图形的方法。Echarts是新型的可视化工具，是由坐标系、图例、提示、工具箱等基础组件构成，并可以在此构建出折线图、柱状图、散点图、K线图、饼图、雷达图、地图、和弦图、力导布局图、仪表盘以及漏斗图，它同时支持任意纬度的堆积和多图表混合表现。Echarts支持IE6/7/8/9+、chrome、firefox、safara等多个浏览器。　　E

5、charts具有多种功能和炫酷的视图效果，能够满足用户的多种需求。Echarts具有混搭、拖拽重计算、数据视图、动态类型切换、图例开关、数据区域选择、多图联动、值域漫游、炫光特效、大规模数据模式、动态数据添加、标线辅助多维度堆积、子区域地图模式、GeoJson地图扩展、标注&标线、事件交互、百搭时间轴等特点。6　　本文研究Echarts对手机流量进行的可视化统计，针对这一情况，通过实验的方式进行验证应用。对于数据的统计分析，选择使用Echarts工具，在使用Echarts工具前，需要引入Echarts。引入Echarts有多种方式，其中包括模块化包引入、模块化单文件引入、

6、标签式单文件引入等方式。本次实验采用的是模块化单文件引入。　　对于模块化单文件引入，如果使用模块化开发但并没有自己的打包合并环境或者说不希望在项目里引入第三方库的源文件，建议使用单文件引入，同模块化包引入一样，需要熟悉模块化开发。其具体步骤如下：　　（1）新建一个echarts.html文件，为Echarts准备一个具备大小（宽高）的Dom。　　（2）新建标签，引入模块化单文件echarts.js。　　（3）新建标签中为模块加载器配置echarts和所需图表的路径（相对路径为从当前页面链接到echarts.js）。　　（4）标签内动态加载Echarts和所需图表，回调函数

7、中可以初始化图表并驱动图表的生成。在此需要设置option属性给图表设置数据，并对tooltip提示框、legend图例、calculable设置是否拖拽。其中需要注意的是option为数组元素。　　3Echarts实例应用　　选择一台智能手机，记录这台手机的常用软件，经总结将其分为六类，分别为腾讯QQ、腾讯新闻、手机淘宝、支付宝、新浪微博、其他。记录其在11日到16日的流量使用情况，具体如表1所示。对于表中的数据，通过记录6天的数据使用情况，可以通过数据分析出数据流量的流向与流量。　　现将部分标签展示如下：6　　Option