這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)如何使用Echarts制作可視化圖表，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

公司主營業(yè)務(wù)：網(wǎng)站設(shè)計、成都做網(wǎng)站、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出奎文免費做網(wǎng)站回饋大家。

最近在結(jié)合新學(xué)的爬蟲在做一些可視化的東西了，今天講講可視化圖表相關(guān)的。

關(guān)于可視化工具：

Echarts

百度出品的一個純 Javascript 的圖表庫，用下來感覺還是很方便的。

我用它制作了2組圖表。

第一組

是結(jié)合地圖的一個可視化的圖表，數(shù)據(jù)來源是取通訊設(shè)備上的流量，把流量的情況可視化出來。

地圖是通過canvas畫布來制作的，把經(jīng)緯度坐標(biāo)轉(zhuǎn)化為屏幕坐標(biāo)，然后在屏幕上顯示出來，再結(jié)合echarts制作的圖表，完成了這組demo。

這里首次嘗試了自己實現(xiàn)地圖，下次還是用開源的庫吧，自己寫有點累。

第二組

可視化圖表，是我最近爬取了亞馬遜的一部分?jǐn)?shù)據(jù)制作而成的。

主要是為了看看best sellers榜單有什么可以挖掘的價值。

有幾個值得挖掘價值的圖表可以看看：

平行坐標(biāo)parallel-aqi

這是統(tǒng)計了近期上榜單的產(chǎn)品的各項信息：

review、star、最小&最大price，進(jìn)入榜單的次數(shù)。

由圖可見，

review集中在1000左右，

star在3星以上，

價格集中在$10-30之間。

可以直觀的感受到登上BestSellers的決定因素有哪些。

 

柱狀圖

統(tǒng)計了出現(xiàn)在bestSellers榜單的次數(shù)。

次數(shù)越多(>24)，表示商品質(zhì)量及服務(wù)越優(yōu)，

可進(jìn)一步研究其關(guān)鍵詞、review內(nèi)容等；

次數(shù)越少(<24)，表示是新進(jìn)入榜單的商品，

可以研究其類似產(chǎn)品，跟賣or研發(fā)新品。

散點圖Anscombe quartet

下面是嘗試對某個產(chǎn)品進(jìn)行跟蹤，分4個維度，根據(jù)其24小時的rank、review、star、最低價格來反應(yīng)趨勢。

發(fā)現(xiàn)某個產(chǎn)品上升或者下降了，可以進(jìn)一步去挖掘其他信息，比如關(guān)鍵詞，同類產(chǎn)品，同類不同產(chǎn)品的排名情況等等。這個等我下一步挖掘下。

以上是關(guān)于最近做的2組demo。

echarts真方便啊！～

echarts真方便??！～

echarts真方便??！～

省去了我再去學(xué)D3js的時間。

題外話，最近，我用來coding的編輯器從sublimeText換成了Atom，作為一名設(shè)計師，我偏愛顏值～～Atom真多棒棒的，至少好看多了～～

推薦給大家使用～

上述就是小編為大家分享的如何使用Echarts制作可視化圖表了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。