图表示例
爱图表(AI Tubiao)图表示例,展示各种图表类型的应用场景、数据结构和最佳实践。
示例 01 | 基础柱状图(对比类)
示例标题
不同产品月销量对比
图表类型
基础柱状图
用途说明
- 用于直观对比多个类别的数值大小,快速看出谁高谁低、差距多少。
- 当重点是“单次静态对比”而非趋势或占比时,优先选择柱状图。
适用场景
产品销量排名、部门业绩对比、广告渠道效果对比、不同门店客单价对比。
数据结构
- 分类维度(X轴):产品/部门/渠道(文本)
- 数值指标(Y轴):销量/金额/人数(整数或小数)
最佳实践建议
建议按数值降序排列;类别超过8个时考虑改用条形图。
示例 02 | 基础条形图(对比类)
示例标题
不同门店客流量对比
图表类型
基础条形图
用途说明
- 横向展示类别数值大小,特别适合标签文字较长、类别较多的场景,避免X轴拥挤。
- 当类别名称长或数量10+个时,条形图阅读体验明显优于柱状图。
适用场景
区域/城市/门店/品牌/供应商对比,KPI完成度排名。
数据结构
- 分类维度(Y轴):门店/地区(文本)
- 数值指标(X轴):客流量/订单量(整数)
最佳实践建议
天然适合从高到低排序阅读;标签过长时可开启自动换行或缩略。
示例 03 | 分组柱状图(多系列对比)
示例标题
各渠道近6个月转化用户数对比
图表类型
分组柱状图
用途说明
- 在同一分类维度下,同时对比多个系列的数据,兼顾“组内差异”和“组间趋势”。
- 需要同时观察时间/分类双维度对比时,分组柱状图是最常用选择。
适用场景
渠道/平台/版本/品牌在各月度/季度的多指标对比。
数据结构
- 主维度(X轴):月份/季度(时间或有序分类)
- 系列维度(分组/颜色):渠道/版本(文本)
- 数值指标:转化数/收入(整数/小数)
最佳实践建议
系列建议控制在3–5个以内,过多会视觉混乱。
示例 04 | 分组条形图(多系列对比)
示例标题
不同团队多项运营指标对比
图表类型
分组条形图
用途说明
- 横向展示多系列、多指标对比,特别适合指标名称或团队名称较长的场景。
- 当需要阅读多个维度且文字较长时,分组条形图比分组柱状图更清晰。
适用场景
部门/小组/项目在新增用户、留存率、付费金额等多KPI上的对比。
数据结构
- 主维度(Y轴):团队/部门(文本)
- 系列维度(分组/颜色):KPI项(文本)
- 数值指标:具体数值(整数/百分比)
最佳实践建议
适合KPI种类4–6个;可结合排序突出重点团队。
示例 05 | 堆叠柱状图(总量+构成)
示例标题
各月收入的产品线构成变化
图表类型
堆叠柱状图
用途说明
- 同时展示总量趋势与各部分占比变化,便于回答“整体涨了,但增长来自哪里”。
- 既要看规模变化、又要看内部结构时,堆叠柱状图是首选。
适用场景
收入/成本/订单/流量按产品/渠道/地区的构成分析。
数据结构
- 主维度(X轴):月份/日期(时间)
- 子分类维度(堆叠/颜色):产品线/渠道(文本)
- 数值指标:金额/数量(正数)
最佳实践建议
子分类建议≤6个,过多会导致颜色难以区分;总量不明显时可叠加折线显示总数。
示例 06 | 堆叠条形图(总量+构成)
示例标题
各城市订单来源渠道构成对比
图表类型
堆叠条形图
用途说明
- 横向对比不同类别的总量及其内部构成,适合标签长或类别多的结构对比。
- 类别文字长、需要横向阅读时,优先选择堆叠条形图。
适用场景
城市/门店/客户类型的来源渠道、订单类型构成对比。
数据结构
- 主维度(Y轴):城市/门店(文本)
- 子分类维度(堆叠/颜色):渠道/类型(文本)
- 数值指标:订单量/金额
最佳实践建议
与堆叠柱状图类似,子分类不宜超过6个;可加数据标签突出关键部分。
示例 07 | 基础折线图(趋势)
示例标题
近12个月GMV趋势变化
图表类型
基础折线图
用途说明
- 展示单一指标随时间连续变化的趋势,快速发现上升、下降、季节性、异常点。
- 重点关注“变化过程与规律”而非单点对比时,折线图是最佳选择。
适用场景
销售/营收/用户增长/访问量/转化率的时间序列分析。
数据结构
- X轴:时间维度(日期/月份)
- Y轴:数值指标(可带单位:元、万、%)
最佳实践建议
数据点建议≥6个才有趋势意义;异常值明显时可开启数据点标记。
示例 08 | 堆叠面积图(趋势+构成)
示例标题
各渠道流量趋势及占比变化
图表类型
堆叠面积图
用途说明
- 同时呈现多系列随时间变化的总量趋势和各部分占比演变,比多条折线图更突出整体规模。
- 需要兼顾“总量趋势”和“结构变化”时,堆叠面积图通常优于多折线。
适用场景
流量/收入/注册用户按渠道、媒介、地区的结构随时间演变。
数据结构
- X轴:日期/月份(时间)
- 系列维度(堆叠/颜色):渠道/来源(文本)
- 数值指标:访问量/人数
最佳实践建议
总量趋势很强时效果最佳;系列过多(>5)建议改用分组折线+面积。
示例 09 | 饼图(构成占比)
示例标题
本月收入的产品品类占比
图表类型
饼图
用途说明
- 展示整体中各部分的占比分布,帮助快速理解结构组成。
- 类别数量少(≤5)、强调“谁占大头”时使用饼图。
适用场景
产品结构、客户类型、费用构成、渠道贡献占比。
数据结构
- 分类维度:品类/类型(文本)
- 数值指标:金额/数量(用于计算百分比)
最佳实践建议
强烈建议类别≤5个,超过5个改用条形图或环形图;不要用3D饼图。
示例 10 | 百分比柱状图(占比对比)
示例标题
不同城市的新老客占比对比
图表类型
百分比柱状图(100%柱状图)
用途说明
- 突出不同组别内部的结构比例差异,而非绝对数值大小。
- 关注“各组构成是否不同”而非总量差距时优先使用。
适用场景
地区/渠道/年龄段/设备类型的新老用户、付费/免费用户占比对比。
数据结构
- 主维度(X轴):城市/渠道(文本)
- 子分类维度(堆叠/颜色):客户类型(文本)
- 数值指标:人数(系统自动转为百分比)
最佳实践建议
与普通柱状图结合使用,可直观对比“总量+结构”。
示例 11 | 百分比堆叠柱状图(结构随维度变化)
示例标题
各月订单状态分布变化
图表类型
百分比堆叠柱状图
用途说明
- 展示不同维度下各构成的比例变化,强调“每组内部结构”而非绝对量。
- 总量差异不重要、重点看占比结构演变时最合适。
适用场景
订单状态(已付/退款/取消)、用户来源、问题类型分布随时间/渠道变化。
数据结构
- 主维度(X轴):月份/周(时间或有序)
- 子分类维度(堆叠/颜色):状态/类型(文本)
- 数值指标:数量(转为百分比展示)
最佳实践建议
颜色需有明显区分;可叠加数据标签显示关键状态比例。
示例 12 | 漏斗图(转化流程)
示例标题
从曝光到付费的营销转化漏斗
图表类型
漏斗图
用途说明
- 展示具有明确先后顺序的流程各阶段人数/金额,清晰呈现每步流失率与瓶颈。
- 有清晰阶段顺序的转化路径分析时,漏斗图是最直观的表达。
适用场景
广告投放、注册登录、购物车到支付、试用到付费等漏斗分析。
数据结构
- 阶段维度(从上到下):曝光 → 点击 → 注册 → 付费(有序文本)
- 数值指标:人数/金额(逐级递减)
最佳实践建议
阶段建议4–7个;可显示转化率或流失率标签。
示例 13 | 雷达图(多维对比)
示例标题
不同版本产品在核心维度的能力对比
图表类型
雷达图
用途说明
- 在多个评价维度上同时对比多个对象,快速看出综合优劣势与形状差异。
- 需要多维度(4–8个)综合评分对比时,雷达图能直观呈现“全面能力图谱”。
适用场景
产品版本、竞品、供应商、员工绩效的多维度评估。
数据结构
- 维度(轴):易用性/性能/价格/支持(4–8个)
- 系列(多边形):版本A/版本B(文本)
- 得分:数值(通常0–10或0–100)
最佳实践建议
维度建议4–8个,过多会失真;所有系列使用同一量纲。
示例 14 | 笛卡尔热力图(二维交叉强度)
示例标题
周一到周日各时段的用户活跃热力分布
图表类型
热力图(Cartesian Heatmap)
用途说明
- 通过颜色深浅展示两个离散维度的交叉强度,快速发现高/低活跃区域。
- 需要同时观察两个分类维度的组合分布与强度时最有效。
适用场景
星期×时段、地区×产品、来源×目标页的活跃/转化强度分析。
数据结构
- 维度1(X轴):星期/日期分类
- 维度2(Y轴):时段/年龄段分类
- 强度值(颜色):访问量/转化数
最佳实践建议
两个维度都应为离散分类;颜色从浅到深代表低到高。
示例 15 | 桑基图(流向路径)
示例标题
用户从来源渠道到最终付费的流向分析
图表类型
桑基图(Sankey Diagram)
用途说明
- 展示多节点之间的流量流向与大小,清晰呈现主要路径、转化链路和分流情况。
- 存在“从A→B→C”的多层流转关系时,桑基图是最佳可视化方式。
适用场景
流量/用户/资金/订单从来源→行为→转化的全路径分析。
数据结构
- 来源节点 → 目标节点(多层链接)
- 流量值:用户数/金额(决定连线粗细)
最佳实践建议
层级建议控制在3–5层,主路径要突出;节点过多时先做数据聚合。