logo
图表示例

图表示例

爱图表(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层,主路径要突出;节点过多时先做数据聚合。


On this page

示例 01 | 基础柱状图(对比类)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 02 | 基础条形图(对比类)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 03 | 分组柱状图(多系列对比)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 04 | 分组条形图(多系列对比)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 05 | 堆叠柱状图(总量+构成)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 06 | 堆叠条形图(总量+构成)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 07 | 基础折线图(趋势)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 08 | 堆叠面积图(趋势+构成)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 09 | 饼图(构成占比)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 10 | 百分比柱状图(占比对比)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 11 | 百分比堆叠柱状图(结构随维度变化)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 12 | 漏斗图(转化流程)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 13 | 雷达图(多维对比)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 14 | 笛卡尔热力图(二维交叉强度)示例标题图表类型用途说明适用场景数据结构最佳实践建议示例 15 | 桑基图(流向路径)示例标题图表类型用途说明适用场景数据结构最佳实践建议