如何使用Echarts制作可视化图表

这期内容当中小编将会给大家带来有关如何使用Echarts制作可视化图表,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

公司主营业务:网站设计、成都做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联推出奎文免费做网站回馈大家。

最近在结合新学的爬虫在做一些可视化的东西了,今天讲讲可视化图表相关的。

关于可视化工具

Echarts

百度出品的一个纯 Javascript 的图表库,用下来感觉还是很方便的。

我用它制作了2组图表。

第一组

是结合地图的一个可视化的图表,数据来源是取通讯设备上的流量,把流量的情况可视化出来。

如何使用Echarts制作可视化图表

如何使用Echarts制作可视化图表

地图是通过canvas画布来制作的,把经纬度坐标转化为屏幕坐标,然后在屏幕上显示出来,再结合echarts制作的图表,完成了这组demo。

这里首次尝试了自己实现地图,下次还是用开源的库吧,自己写有点累。


第二组

可视化图表,是我最近爬取了亚马逊的一部分数据制作而成的。

主要是为了看看best sellers榜单有什么可以挖掘的价值。

有几个值得挖掘价值的图表可以看看:

如何使用Echarts制作可视化图表

平行坐标parallel-aqi

这是统计了近期上榜单的产品的各项信息:

review、star、最小&最大price,进入榜单的次数。

由图可见,

review集中在1000左右,

star在3星以上,

价格集中在$10-30之间。

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

如何使用Echarts制作可视化图表

 

柱状图

统计了出现在bestSellers榜单的次数。

次数越多(>24),表示商品质量及服务越优,

可进一步研究其关键词、review内容等;

次数越少(<24),表示是新进入榜单的商品,

可以研究其类似产品,跟卖or研发新品。


散点图Anscombe quartet

下面是尝试对某个产品进行跟踪,分4个维度,根据其24小时的rank、review、star、最低价格来反应趋势。

如何使用Echarts制作可视化图表

如何使用Echarts制作可视化图表

发现某个产品上升或者下降了,可以进一步去挖掘其他信息,比如关键词,同类产品,同类不同产品的排名情况等等。这个等我下一步挖掘下。

以上是关于最近做的2组demo。

echarts真方便啊!~

echarts真方便啊!~

echarts真方便啊!~

省去了我再去学D3js的时间。


题外话,最近,我用来coding的编辑器从sublimeText换成了Atom,作为一名设计师,我偏爱颜值~~Atom真多棒棒的,至少好看多了~~

推荐给大家使用~

如何使用Echarts制作可视化图表

上述就是小编为大家分享的如何使用Echarts制作可视化图表了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。


网站名称:如何使用Echarts制作可视化图表
新闻来源:http://csdahua.cn/article/ghhipi.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流