模板学堂｜数据关系和AntV、ECharts图表解析
DataEase开源数据可视化分析平台于2022年6月正式发布模板市场（https://dataease.io/templates/）。模板市场旨在为DataEase用户提供专业、美观、拿来即用的仪表板模板，方便用户根据自身的业务需求和使用场景选择对应的仪表板模板，并在优质模板的基础上轻松制作自己的仪表板。目前，模板市场的模板数量已经达到了100个。
2023年6月上新模板
DataEase模板市场定期进行模板上新。2023年6月共上新6个模板，涉及航空运行、智能交通、智慧执法、人力资源、开源、电商运营等主题，欢迎大家在DataEase模板市场下载使用。
模板技巧
本月的模板技巧为大家介绍常见的数据关系，以及针对不同的数据类型如何选择合适的AntV和ECharts视图类型。
在实际的数据分析场景中，我们经常会遇到的数据关系包括以下五种：即趋势、比较、分布、关系和空间位置。而在制作仪表板的的时候，根据不同的业务场景，为数据关系和数据类型选择合适的视图是十分重要的。DataEase开源数据可视化分析平台支持AntV和ECharts两种视图类型。两种视图类型在设置上存在细微的差别，因此在制作视图时需要根据不同的显示要求选择不同的视图类型。
在了解数据关系之前，需要首先明确数据的类型：
1.定性数据
• 类别数据：包含有限的类别数或可区分组数。类别数据可能不是逻辑顺序，例如性别、材料类型、付款方式等。
2.定量数据
• 离散数据：在两个值之间具有可计数的值的数据，离散数据始终为数值。例如，客户投诉数量，瑕疵或缺陷数，一个学校的学生人数等；
• 连续数据：在两个任意值之间具有无限个值的数据，连续型数据可以是数值，也可以是日期/时间。例如，零件的长度、商品的价格、销量、收付款时间等。
接下来，我们就为大家详细介绍一下数据关系和视图类型。
一、数据关系：趋势
1.常用视图
2.视图所需的数据类型
• 数据集中只包含一列连续数据的日期变量；
• 数据集中至少包含一列连续数据的数值变量。
数据示例：各年度价格与销量的变化
3.AntV和ECharts的对比
AntV包含的趋势图：
ECharts包含的趋势图：
• 视图类型：AntV相比ECharts少了组合图，当数据集中两列指标的数据差距较大时，用组合图可以设置主轴值与副轴值，使两列数据都可以有较好地呈现；
• 数据设置：AntV相比ECharts多了数值格式设置，当原始数据类型是小数时，通过数值格式可以修改为百分比等其他数值格式；
• 样式设置：AntV相比ECharts少了“外间距”的功能（外间距是指图表相对视图组件的距离），以下以基础折线图为例：
当不设置外间距时，图像自动显示如下：
设置外间距后图像显示如下：
二、数据关系：比较
1.常用视图
2.视图所需的数据类型
■ 类别数据：
• 数据集中只包含一列类别数据：柱状图；
• 数据集中包含两列类别数据：堆叠图；
• 数据集中包含三列类别数据：分组堆叠图。
■ 连续型数据：数据集中至少包含一列连续型数据。
数据示例：不同类别的产品价格与销量的对比
3.AntV和ECharts的对比
AntV包含的比较图：
ECharts包含的比较图：
• 视图类型：AntV相比ECharts多了瀑布图（主要用于展示股票趋势变动）、百分比图（着重展示比例信息、例如高校男女占比等，主要用于国家统计、用户调查等）、对称柱状图（主要用于两个类别不同指标间的比较，例如某班级男女生各科成绩比较等）；
• 数据设置：AntV相比ECharts多了数值格式设置；
• 样式设置：AntV相比ECharts少了“外间距”的功能。
三、数据关系：分布
1.常用视图
2.视图所需数据类型
• 数据集中只包含一列类别数据；
• 数据集中只包含一列连续型数据的数值变量。
数据示例1：不同类别的商品销量占比。
所有商品都被分类了，一个商品有且仅有一个分类，不存在一个商品同时归属于两个分类的原则。从一级分类的角度看销量：使用饼图、环形图、南丁格尔玫瑰图、矩形树图，可以看出不同类别商品的销量占整体销量的占比。占比之和=1。
数据示例2：不同类型的用户购买商品数量占比。
所有用户不一定被全部打上标签，也不一定只有一个标签。从用户标签角度看购买量占比：使用雷达图、词云图，可以看出各标签的影响程度。占比之和≠1。
3.AntV和ECharts的对比
AntV包含的分布图：
ECharts包含的分布图：
视图示例：
ECharts雷达图：
AntV雷达图：
ECharts和AntV的雷达图都不可以调整轴值（每格数据的大小）。假设各指标的数据为：90，100，95，110。ECharts的轴值是绝对值，雷达中心点=0，雷达边缘点=数据指标列最大值。使用ECharts难以看出细微差别。此时比较适合使用AntV图。AntV的轴值为相对值，雷达中心点=数据指标列最小值，雷达边缘点=数据指标最大值。
四、数据关系：关系
1.常用视图
- 视图所需数据类型
■ 气泡图
• 被解释变量：Y变量数据集中只包含一列连续型数据的数值变量；
• 解释变量：X变量数据集中只包含一列连续型数据的数值变量。
数据示例1：销量随价格的变化趋势
■ 漏斗图：
• 被解释变量：Y变量数据集中只包含一列连续型数据的数值变量；
• 解释变量：X变量数据集中只包含一列类别数据。
数据示例2：网站各页面的浏览人数
3.AntV和ECharts的对比
AntV和ECharts都包含气泡图和漏斗图，ECharts的气泡图可以设置“外间距”。
ECharts漏斗图：
AntV漏斗图：
ECharts和AntV都不可以设置漏斗图各层级的大小，ECharts的各层级是固定样式，AntV的各层级大小由数值大小决定。
五、数据关系：空间位置
1.常用视图
2.视图所需数据类型
■ 符号地图：
• 数据集中包含一列连续型数值数据（经度）；
• 数据集中包含一列连续型数值数据（纬度）。
■ 流向地图：
• 数据集中包含一列连续型数值数据（起点经度）；
• 数据集中包含一列连续型数值数据（起点纬度）；
• 数据集中包含一列连续型数值数据（终点经度）；
• 数据集中包含一列连续型数值数据（终点纬度）。
■ 地图：
• 数据集中包含一列类别变量（地区名称）；
• 数据集中包含一列连续型数值数据（代表气泡大小）。
3.AntV和ECharts的对比
AntV：包含流向地图与符号地图，有经纬度时可以使用该图形，不限制国内或国外。
ECharts：只包含地图和气泡地图，目前只有国内地图数据。如需使用国外地图数据，需要自己手动配置。
总结
面对不同的数据关系，DataEase开源数据可视化分析工具都能够为用户提供合适的视图。DataEase支持AntV和ECharts两种视图类型，未来DataEase还将持续更新和提供更多的视图类型和功能，从用户体验上不断践行“人人可用”的目标。