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

发布时间:2021-11-10 15:55:44 作者:柒染
来源:亿速云 阅读:240

这期内容当中小编将会给大家带来有关如何使用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制作可视化图表了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. Android图表之-Echarts
  2. Vue中使用可视化图表echarts的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

echarts

上一篇:PostgreSQL中Review subquery_planner函数的实现逻辑是什么

下一篇:Django中的unittest应用是什么

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》