用一篇文章,帮你快速了解常见的数据可视化图表类型

Date 2025-11-04 11:47:21

用一篇文章,帮你快速了解常见的数据可视化图表类型

1.什么是数据可视化?

在回答这个问题之前。先看一个问题:

1. 数据可视化的应用场景是什么?

数据可视化大屏幕,以及 PC 后台数据概览(不限于后台数据概览) CRM、教育业务、金融业务、基本背景业务需要数据概述,可以构建);甚至 C 端的游戏 UI 还包括豆瓣评分的条形图(中间的六边形叫雷达图);

用一篇文章,帮你快速了解常见的数据可视化图表类型

还有记账、金融、理财、直播数据、疫情地图等。

用一篇文章,帮你快速了解常见的数据可视化图表类型

数据可视化是将不可见的数据转化为可见的图形符号,从中发现规则和特征,从而获得更多的信息和价值。

相关干货:

2. 数据可视化有哪些优点?

简洁直观:图片可以很容易地理解和记忆复杂而庞大的数据表:人类右脑记忆图像的速度比左脑记忆抽象文本快 100 万倍传递更丰富的信息:让数据“说话”,传递有价值的信息。

用一篇文章,帮你快速了解常见的数据可视化图表类型

确定业务目标通常是 PM 给出,然后确定指标分析维度,然后选择视觉图表类型,其次是视觉效果的内容。本文主要关注“确定指标分析维度”和“选择视觉图表类型”

可视化图表维度:水平视图为岭侧峰值。相同的指标数据,部分比较维度,部分组成维度,从不同的维度分析有不同的结果。

用一篇文章,帮你快速了解常见的数据可视化图表类型

二、比较图表

下面所有的图表都是基于实际业务情况,通过案例,抛开纯理论内容。

1. 柱状图

柱状图:用于描述分类数据之间的对比,非常普遍

使用场景:比较 2019 广东、浙江、江苏、湖南、福建的年营业额差距,柱状图

使用说明:

分类不局限于区域和类别,可以控制时间周期的数量 5-12 如果超过,最好的条 12 条,易读性,简洁直观性不那么强。

饼图可以用吗?

不,因为饼图比较容易读取部分占总和的比例,柱状图比较容易读取数值之间的大小。

用一篇文章,帮你快速了解常见的数据可视化图表类型

2. 条形图

条形图:柱形图和条形图的本质是一样的,都是比较数字大小的,只是交换了 XY 轴的位置

使用场景:与福建省相比 top15 商店的营业额是多少?产品建议在手机上查看更多数据

使用说明:

当条目大于 12 条,屏幕更长,比如手机端,或者大屏幕的一侧,柱状图会显得拥挤 ,更适合条形图。多用于条形图。 top 如果排名或分类名称较长。数量一般不超过 30 条,否则很容易带来视觉和记忆的负担。

用一篇文章,帮你快速了解常见的数据可视化图表类型

3. 柱形图和条形图使用注意事项

①圆角应尽量避免使用柱状图和条形图,因为可视化的重要使命是准确的,大圆角不易识别。

用一篇文章,帮你快速了解常见的数据可视化图表类型

②Y 轴应该从零开始。为什么要从零开始?以下图为例。如果你给领导做了这份报告,领导会误以为左边涨势喜人,但真的是从零开始,其实涨势比较温和。从零开始,可以暴露数据的真实问题。

用一篇文章,帮你快速了解常见的数据可视化图表类型

③当名称较长时,优先使用条形图

用一篇文章,帮你快速了解常见的数据可视化图表类型

4. 折线图

折线图:当横轴为连续类别(如时间)并注意变化趋势时,适用于折线图

使用场景:今年想查看 5 月份单日营业额,分析趋势

使用说明:

如果横轴不代表连续值,折线图的意义一般不大 不少于 3 天空,否则柱状图更合适

用一篇文章,帮你快速了解常见的数据可视化图表类型

5. 面积图

面积图:折线表示趋势,面积表示营业额

使用场景:今年想查看 3 月份和去年 3 每月日营业额走势,同时比较整月营业额

使用说明:

随着时间的变化趋势和累积值,如果适用面积图面积图有意义,横轴也需要表示连续值

用一篇文章,帮你快速了解常见的数据可视化图表类型

6. 折线图和面积图使用注意事项

①为了保证横轴必须连续,才有意义

用一篇文章,帮你快速了解常见的数据可视化图表类型

②1 月份的仓库货量和五个月的仓库货量加起来没有意义。如果把仓库货量改成仓库货量,就没有意义了。库存净量,面积图数据具有意义。第二张图的正确原因是,在进行视觉设计时,我希望数据不那么薄,经常添加渐变,看起来更体积,但不要制作面积图。

用一篇文章,帮你快速了解常见的数据可视化图表类型

7. 分组条形图

分组条形图:也可称为分组柱形图,可从多个维度进行比较

使用说明:与当月广州相比 4 一家商店,服装和鞋子的营业额是多少?

用一篇文章,帮你快速了解常见的数据可视化图表类型

8. 双向条形图

使用场景:与当月福建省相比 5 一家商店的收入和支出是多少?

使用说明:

适用于两组以上分类数据的比较。负值概念更强。别忘了图例。不同组中的二级分类可以用颜色或填充而不超过 3 个

用一篇文章,帮你快速了解常见的数据可视化图表类型

9. 南丁格尔玫瑰图

玫瑰图:与柱状图非常相似。将柱状图的水平坐标转换为极坐标,即玫瑰图。玫瑰图的每个角度都是等分的。玫瑰图映射到数据中,比较扇形半径。

使用场景:想回到福建 8 在一家店的营业额和回报过程中,我想在视觉效果上夸大店与店之间的差距。

使用说明:

玫瑰图是将圆数等同于几个数据,并绘制相应数据大小的不同长度的半径。一个圆形的方形图,用半径的长度来表示值的大小。由于面积等于半径的方形,玫瑰图会扩大值之间的差异,玫瑰图不能用来表示比例一般不超过 30 条,否则很容易带来视觉记忆的负担。

用一篇文章,帮你快速了解常见的数据可视化图表类型

10. 雷达图

雷达图:常用于综合评分等多维性能数据

使用场景:根据商场的综合评分,看看这件衣服的客户反馈

使用说明:

指标得分接近圆心,表明处于较差状态,应进行分析和改进。指标得分接近外线,表明处于理想状态。数量控制 5-8 个最佳

用一篇文章,帮你快速了解常见的数据可视化图表类型

11. 子弹图

子弹图:比较分类数据的值,是否符合标准

使用场景:广州市 5 所有门店都设定了相应的营业额目标。广州区的经验是检查目前的进展情况

实用说明:

通过标记刻度范围,可以更好地控制评估数量 10 个以内

用一篇文章,帮你快速了解常见的数据可视化图表类型

12. 漏斗图

漏斗图:适用于业务流程规范、周期长、环节多的单向共享

使用场景:想了解网上商城,客户从浏览商城到交易成功的层层转化

使用说明:绘制时必须是直线,不能是曲线。直线的倾斜度表示转化率

不适合表达不合逻辑顺序的分类比较。

用一篇文章,帮你快速了解常见的数据可视化图表类型

13.使用注意事项

确保唯一的路径 在单流程中,右图处理会员人数大于到店客户是不合理的。网上用户可能会处理会员,导致会员人数超过到店人数。此时,在线 线下区分两个图表。

用一篇文章,帮你快速了解常见的数据可视化图表类型

14. 阶段小结

对比图标,最常用的是柱状图,分组较多的条形图,表示雷达图的性能。用玫瑰图突出差距。基于时间 X 轴连续变化趋势类折线图,基于业务流程的漏斗图,基于目标的子弹图。

用一篇文章,帮你快速了解常见的数据可视化图表类型

三、构成类图表

1. 饼图

饼图:表示不同分类的比例,整个圆饼代表数据的综合

使用场景:想看 2019 广东年营业额构成

使用说明:通过角度或弧形长度对各种分类进行比较,分类数量不得超过 9 个

用一篇文章,帮你快速了解常见的数据可视化图表类型

2. 环图

环图:本质是饼图中间区域挖空,但环图的降噪感会比饼图好很多。

使用场景:和饼图一样:

使用说明:

饼图的整体性太强, 我们将更加关注扇形面积,环图可以很好地避免这个问题。建议分类数量不得超过 9 个

用一篇文章,帮你快速了解常见的数据可视化图表类型

3. 对比使用图表

top5 只是数据的一部分,不是总和。如果在环图中添加一个项目「其他」也是可以的

用一篇文章,帮你快速了解常见的数据可视化图表类型

4. 旭日图

旭日图:适用于显示多层次数据的比例关系

使用场景:想查看广东省营业额构成,同时关注深圳几家门店的营业额构成

使用说明:

旭日图是多个饼图的集合,离圆心越近,代表层次越高,层次越低。

用一篇文章,帮你快速了解常见的数据可视化图表类型

5. 堆叠面积图

堆叠面积图:除表达趋势外,还表达营业额总额

使用场景:查看 5 年来,深圳的总体营业额趋势和 4 商店的构成

使用说明:分类指标的纵轴起点不是从 0 一开始,它是在上一个分类的基础上叠加的

“用一篇文章帮助你快速了解常见的数据可视化图表类型”

6. 堆叠柱状图

堆叠柱状图:表达一级分类的比较和二级分类的比例

使用场景:比较 5 年来,深圳的总体营业额趋势和 4 商店的构成

使用说明:二级分类不按同一基准线对齐

用一篇文章,帮你快速了解常见的数据可视化图表类型

7. 瀑布图

瀑布图:用于表达两个值之间的变化过程

使用场景:想查看 2019 深圳年营业收支情况

使用说明:当过程值为正时向上增加;当过程值为负时向下减少;

用一篇文章,帮你快速了解常见的数据可视化图表类型

8. 阶段小结

如果你想表达的数据只是一级分类,选择蛋糕图和环图。优先选择环图,应用范围更广,视觉降噪感更强。涉及多级分类,使用旭日图。旭日图可以根据业务需求无限细分。如果 X 轴是连续的,为了看数据构成和变化趋势,选择堆叠面积图。如果 X 轴不连续,多维构成,看趋势选择。

用一篇文章,帮你快速了解常见的数据可视化图表类型

四、分布与联系

1. 基于地图的热图

热图:用颜色深度表示数字间隔。因为有规律颜色的心理模型不能改变位置。也可以用色调的冷暖来区分。

使用场景:查看全国各地的门店数量

说明:地图可以结合多种不同的可视化方法;位置坐标更加精确。

2. 散点图

散点图:表示两个标量之间树枝的分布

使用场景:想查看今年单品的成本和收入分布情况

使用说明:不同的类别可以结合颜色标记;每个点代表一个项目

用一篇文章,帮你快速了解常见的数据可视化图表类型

在散点图的基础上,圆形气泡图表示销量,面积表示销量。

用一篇文章,帮你快速了解常见的数据可视化图表类型

五、数据可视化使用目标

使用目标:让用户在最短的时间内了解数据带来的信息

每一个图标都有优先和局限性,选择最合适的图标,必要时可以组合使用

从需求和目标出发,不要盲目增加删减元素,实用性大于美观。