【摘 要】為了改善用戶(hù)對(duì)流量的模糊定義的現(xiàn)狀，通過(guò)采集流量數(shù)據(jù)，利用Echarts工具，介紹了Echarts混搭、拖拽重計(jì)算、數(shù)據(jù)視圖、動(dòng)態(tài)類(lèi)型切換、圖例開(kāi)關(guān)等特點(diǎn)。研究了流量去向的問(wèn)題，分析了Echarts語(yǔ)言對(duì)數(shù)據(jù)做出的柱狀圖和線(xiàn)狀圖的視圖效果。實(shí)驗(yàn)證實(shí)Echarts工具能夠以視圖的形式生動(dòng)地展示流量的變化問(wèn)題，提醒用戶(hù)數(shù)據(jù)流量問(wèn)題。

【關(guān)鍵詞】可視化 HTML Echarts 移動(dòng)數(shù)據(jù)通信

doi：10.3969/j.issn.1006-1010.2016.20.010 中圖分類(lèi)號(hào)：TN919.81 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：1006-1010（2016）20-0050-04

1 引言

現(xiàn)代社會(huì)高速發(fā)展，科技發(fā)達(dá)，信息流通，大數(shù)據(jù)已然是這個(gè)高科技時(shí)代的產(chǎn)物。大數(shù)據(jù)時(shí)代下，需要對(duì)大批量數(shù)據(jù)進(jìn)行總結(jié)、發(fā)現(xiàn)其規(guī)律，可視化是能顯示數(shù)據(jù)規(guī)律的最好方法。信息可視化具有交互性強(qiáng)、數(shù)據(jù)顯示多維性的特點(diǎn)。隨著技術(shù)的不斷改進(jìn)，催生了許多可視化的工具。不同的可視化工具針對(duì)不同的情況能夠發(fā)揮其應(yīng)有的價(jià)值。目前，百度剛推出的Echarts可視化工具以其多功能的特點(diǎn)，受到廣泛的關(guān)注。

在互聯(lián)網(wǎng)高速發(fā)展的今天，移動(dòng)通信將世界織成一張網(wǎng)。隨著科技信息的不斷發(fā)展，移動(dòng)通信進(jìn)入到4G時(shí)代。移動(dòng)通信技術(shù)具有傳輸速度更高、通信服務(wù)多元化、智能化程度更高、兼容性良好等特點(diǎn)。移動(dòng)通信4G技術(shù)可以不考慮時(shí)間、地點(diǎn)等因素的限制，使用戶(hù)可以在任何地點(diǎn)、任何時(shí)間創(chuàng)建網(wǎng)絡(luò)平臺(tái)，享受流暢的服務(wù)，同時(shí)可以隨時(shí)隨地接入寬帶。4G移動(dòng)通信技術(shù)不僅將網(wǎng)絡(luò)環(huán)境大大改善，還可以對(duì)數(shù)據(jù)進(jìn)行跟蹤定位以及無(wú)線(xiàn)遠(yuǎn)程控制，成為多功能的寬帶移動(dòng)多媒體信息體系。

移動(dòng)通信用戶(hù)不斷壯大的同時(shí)，隨之而來(lái)的就是一系列的問(wèn)題。流量使用多少的問(wèn)題是需要大家尤為關(guān)注的。每到月末用戶(hù)對(duì)自己的流量使用情況以及使用方式比較關(guān)心，本文將運(yùn)用Echarts工具結(jié)合移動(dòng)通信對(duì)數(shù)據(jù)流量的使用量進(jìn)行可視化分析，讓數(shù)據(jù)用圖表說(shuō)話(huà)。

2 Echarts的功能分析

Echarts即Enterprise Charts商業(yè)產(chǎn)品圖表庫(kù)，它是由百度商業(yè)前端數(shù)據(jù)可視化團(tuán)隊(duì)開(kāi)發(fā)出來(lái)的，底層基于Zrender是一個(gè)全新的輕量級(jí)Canvas類(lèi)庫(kù)。Echarts開(kāi)源組件是基于HTML5 Canvas的純Javascript繪制圖形的方法。Echarts是新型的可視化工具，是由坐標(biāo)系、圖例、提示、工具箱等基礎(chǔ)組件構(gòu)成，并可以在此構(gòu)建出折線(xiàn)圖、柱狀圖、散點(diǎn)圖、K線(xiàn)圖、餅圖、雷達(dá)圖、地圖、和弦圖、力導(dǎo)布局圖、儀表盤(pán)以及漏斗圖，它同時(shí)支持任意緯度的堆積和多圖表混合表現(xiàn)。Echarts支持IE6/7/8/9+、chrome、firefox、safara等多個(gè)瀏覽器。

Echarts具有多種功能和炫酷的視圖效果，能夠滿(mǎn)足用戶(hù)的多種需求。Echarts具有混搭、拖拽重計(jì)算、數(shù)據(jù)視圖、動(dòng)態(tài)類(lèi)型切換、圖例開(kāi)關(guān)、數(shù)據(jù)區(qū)域選擇、多圖聯(lián)動(dòng)、值域漫游、炫光特效、大規(guī)模數(shù)據(jù)模式、動(dòng)態(tài)數(shù)據(jù)添加、標(biāo)線(xiàn)輔助多維度堆積、子區(qū)域地圖模式、GeoJson地圖擴(kuò)展、標(biāo)注&標(biāo)線(xiàn)、事件交互、百搭時(shí)間軸等特點(diǎn)。

本文研究Echarts對(duì)手機(jī)流量進(jìn)行的可視化統(tǒng)計(jì)，針對(duì)這一情況，通過(guò)實(shí)驗(yàn)的方式進(jìn)行驗(yàn)證應(yīng)用。對(duì)于數(shù)據(jù)的統(tǒng)計(jì)分析，選擇使用Echarts工具，在使用Echarts工具前，需要引入Echarts。引入Echarts有多種方式，其中包括模塊化包引入、模塊化單文件引入、標(biāo)簽式單文件引入等方式。本次實(shí)驗(yàn)采用的是模塊化單文件引入。

對(duì)于模塊化單文件引入，如果使用模塊化開(kāi)發(fā)但并沒(méi)有自己的打包合并環(huán)境或者說(shuō)不希望在項(xiàng)目里引入第三方庫(kù)的源文件，建議使用單文件引入，同模塊化包引入一樣，需要熟悉模塊化開(kāi)發(fā)。其具體步驟如下：

（1）新建一個(gè)echarts.html文件，為Echarts準(zhǔn)備一個(gè)具備大小（寬高）的Dom。

（2）新建