如何使用Echarts制作可視化圖表

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

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

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

Echarts

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

我用它制作了2組圖表。

第一組

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

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

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

第二組

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

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

有幾個(gè)值得挖掘價(jià)值的圖表可以看看：

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

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

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

由圖可見，

review集中在1000左右，

star在3星以上，

價(jià)格集中在$10-30之間。

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

 

柱狀圖

統(tǒng)計(jì)了出現(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ā)新品。

散點(diǎn)圖Anscombe quartet

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

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

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

echarts真方便?。　?/p>

echarts真方便?。　?/p>

echarts真方便??！～

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

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

推薦給大家使用～

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