【新人入手】常见的分析维度和 AntV、ECharts 图表选择


飞致云 发布于 2023-04-13 / 601 阅读 / 0 评论 /
常见的分析维度和 AntV、ECharts 图表选择 作为一名数据分析师,在制作仪表板的的时候根据不同的业务场景,数据类型选择合适的图表是十分重要的,DataEase 中支持了 AntV 、ECharts 两种图表类型。它们在设置上有细微的差距,在制作图表时,需要根据不同的显示要求选择不同的图表类型

常见的分析维度和 AntV、ECharts 图表选择

作为一名数据分析师,在制作仪表板的的时候根据不同的业务场景,数据类型选择合适的图表是十分重要的,DataEase 中支持了 AntV 、ECharts 两种图表类型。它们在设置上有细微的差距,在制作图表时,需要根据不同的显示要求选择不同的图表类型。
在实际业务场景中,我们经常会遇到的数据关系包括以下五种:趋势、比较、分布、关系、空间位置

1 趋势

1.1 常用图表:

image-2023-4-10_11-20-40.png

1.2 数据类型

  • 日期型数据(注:日期型数据也属于连续型数据):1个

  • 连续型数据:一个或多个,不限量


示例:

年份

价格

销量

2023

123

111

2022

234

222

2021

345

333

2019

456

444

2018

567

555

2017

678

666

2016

789

777

2015

901

888

1.3 AntV、ECharts 对比


AntV 包含的趋势图:

output (1).png

ECharts 包含的趋势图:

output (1).png

AntV :
output (2).png
ECharts :
1280X1280.JPEG


以基础折线图为例,AntV 相比ECharts 少了【外间距】的功能

  • 外间距:图表相对视图组件的距离


不设置外间距时,图像自动显示如下:
2cfd529c-0a94-4d75-86d5-ceb4e72a8832.png
设置外间距后图像显示如下:

38d90656-fed0-4b6e-8e81-01dd0b03e1ad.png

2 比较:

2.1 常用图表


image-2023-4-10_11-22-27.png

2.2 数据类型

  • 离散型数据:1个到3个分别对应:条形图,堆叠图,分组堆叠图

  • 连续型数据:1个


示例:

一级分类

二级分类

三级分类

价格

销量

日用品

洗护用品

洗发水

123

111

日用品

厨房用品

水果刀

234

222

食物

水果

橘子

345

333

食物

水果

西瓜

456

444

食物

饮料

可乐

567

555

家用电器

小型家用

扫地机器人

678

666

家用电器

大型家用

冰箱

789

777

家用电器

大型家用

电视机

901

888

8664e1a9-0f58-4b3c-9553-b677dc16fc62.pngoutput (3).png

2.3 AntV 、ECharts 对比


AntV 包含的比较图:
204b2f58-52c5-4af7-b5be-7f5db286ec5c.png
ECharts 包含的比较图:

0deb103f-def4-4942-a85c-df7ca504670f.png

和趋势图相同,Antv 的种类比 ECharts 多,缺少了【外间距】设置选项

3 分布

3.1 常用图表

image-2023-4-10_11-23-40.png

3.2 数据类型

  • 离散型数据:1个

  • 连续型数据:1个


示例1:

一级分类

销量

日用品

111

日用品

222

食物

333

食物

444

食物

555

家用电器

666

家用电器

777

家用电器

888

  • 所有商品都被分类了,一个商品有且仅有一个分类,不存在一个商品同时归属于两个分类原则。从一级分类的角度看销量:使用饼图、环形图、南丁格尔玫瑰图、矩形树图可以看出不同类别商品的销量占整体销量的占比。占比之和=1


示例2:

用户标签

购买量占比

女性

60%

18-25岁

35%

本科

90%

IOS用户

75%

未婚

85%

APP端浏览

27%

使用时长30分钟以上

88%

一线城市

64%

  • 所有用户不一定被全部打上标签,也不一定只有一个标签。从用户标签角度看购买量占比:使用雷达图、词云图可以看出各标签的影响程度。占比之和≠1

3.3 AntV 、ECharts 对比


AntV 包含的分布图:
50ba39c7-063c-44de-aa69-b859f57b7826.png
ECharts 包含的分布图:
a642ed82-c1c6-4920-93dd-6fd2a740787b.png
ECharts 雷达图:
bea0ec84-0f80-4b08-bbcf-e6be9696f464.png
AntV 雷达图:
5c6290a9-391d-4336-afe2-2b69c6468709.png
ECharts 和 AntV 的雷达图都不可以调整轴值(每格数据的大小),假设各指标的数据为:90,100,95,110。Echarts 的轴值是绝对值,雷达中心点=0,雷达边缘点=数据指标列最大值。使用 ECharts 难以看出细微差别。此时比较适合使用 AntV 图。 AntV 的轴值为相对值,雷达中心点=数据指标列最小值,雷达边缘点=数据指标最大值。

4 关系

4.1 常用图表

image-2023-4-10_11-24-6.png

4.2 数据类型


气泡图、散点图:

  • 被解释变量:Y 变量——1个连续型变量

  • 解释变量:X 变量——1个连续型变量或一个离散型变量(尽量选择连续型变量会看出 Y 随 X 的变化而变化)


示例1:

价格

销量

123

111

234

222

345

333

456

444

567

555

678

666

789

777

901

888


漏斗图:

  • 被解释变量:Y 变量——1个连续变量

  • 解释变量:X 变量——1个离散变量


示例2:

浏览界面

人数

主页

888

搜索商品

777

商品详情

444

加入购物车

333

下单未支付

222

支付成功

111

4.3 AntV 、ECharts 对比


AntV 和 ECharts 都包含气泡图和漏斗图,ECharts 的气泡图可以设置【外间距】AntV 不行。
ECharts 漏斗图:
a62c2dd6-d904-444f-8787-818a7c8e34c2.png

AntV漏斗图:
f7e4d7a3-a393-4e1a-8ec1-c85b80344ae0.png
ECharts 和 AntV 都不可以设置漏斗图各层级大小,ECharts 的各层级是固定样式,AntV 的各层级大小由数据决定。

5 空间位置

5.1 常用图表

image-2023-4-10_11-24-31.png

5.2 数据类型

  • 符号地图:经纬度

  • 地图:地区名称;连续型变量(代表气泡大小)

5.3 AntV、ECharts 对比


AntV :只有符号地图,有经纬度时可以使用该图形,不限制国内或国外。
f538c7e7-d3e1-43b3-bebb-fe2c04bdfe44.jpeg
ECharts :只包含地图和气泡地图,目前只有国内地图数据。如需国外地图,需要自己手动配置。
output (4).png



是否对你有帮助?