图表选型基础：常见图表类型及其适用场景
做可视化大屏这么多年，我踩过最大的坑就是——图表选错了。
你想想看，一个折线图硬要展示占比关系，或者用饼图去表达趋势变化，那画面简直不忍直视。今天我就把压箱底的选型经验掰开揉碎讲给你听。
一、五大基础图表类型详解
1. 折线图：趋势分析的首选
折线图说白了就是「时间的朋友」。它最适合展示数据随时间的变化趋势。
适用场景：
- 月度销售额变化
- 用户活跃度波动
- 系统响应时间监控
核心要点：X轴通常是时间维度，Y轴是数值。一条线一个维度，最多不要超过5条线，否则就成了「蜘蛛网」。
💡 我个人习惯：当数据点超过10个时，我会开启平滑曲线模式。但少于10个点，还是老老实实用折线，别整花里胡哨的。
2. 柱状图：对比分析的利器
柱状图适合做分类对比。我在项目中遇到过最典型的场景——各事业部季度业绩PK。
适用场景：
- 各区域销售额对比
- 不同产品销量排名
- 年度预算执行情况
⚠️ 注意：柱状图的柱子宽度要一致，间距要均匀。我曾经见过一个项目，柱子宽窄不一，被甲方当场怼回来重做。
柱状图还有个变种——堆叠柱状图。它适合展示「整体中的部分构成」。比如展示各季度销售额的同时，还能看到每个季度里不同产品的占比。
3. 饼图：占比关系的直观表达
饼图，嗯，这里要注意——它只适合展示静态的占比关系。
适用场景：
- 市场份额分布
- 用户画像构成
- 预算分配比例
避坑指南：我曾经在项目中用饼图展示12个品类的占比，结果小到几乎看不见的扇区被客户质疑「数据造假」。记住：饼图的分块不要超过5个，多余的部分合并成「其他」。
4. 散点图：发现数据间的关联
散点图是我个人比较偏爱的一种图表。它不像折线图那样「规矩」，反而能发现一些意想不到的规律。
适用场景：
- 广告投入与销售额的关系
- 用户年龄与消费金额的分布
- 异常数据检测
为什么会这样？因为散点图展示的是两个连续变量之间的关系。如果数据点呈现明显的线性分布，那恭喜你，找到了一个强相关。
5. 地图：地理维度的可视化
地图在大屏里几乎是标配。但说实话，很多人把地图用成了「装饰品」。
适用场景：
- 全国门店分布
- 物流配送路线
- 区域销售热力
💡 我建议：地图上不要堆太多数据点。超过1000个点，建议用热力图代替散点标记。否则浏览器直接卡死，别问我怎么知道的。
二、图表选型决策树
说了这么多，到底怎么选？我整理了一个决策树，你照着走就行。
| 你的需求 | 推荐图表 | 一句话理由 |
|---|---|---|
| 展示趋势变化 | 折线图 | 时间序列的天然搭档 |
| 分类对比 | 柱状图 | 高低立判，一目了然 |
| 占比关系 | 饼图 | 分块不超过5个 |
| 发现关联 | 散点图 | 看分布，找规律 |
| 地理分布 | 地图 | 位置即信息 |
| 多维度对比 | 堆叠柱状图 | 整体+局部一起看 |
| 数据量超大 | 热力图 | 用颜色代替点 |
选型口诀：趋势用折线，对比用柱状，占比用饼图，关联用散点，位置用地图。多维度堆叠，大数据热力。
三、实战中的选型建议
最后说点实在的。选图表不是「一图定终身」，我经常在一个大屏里混合使用多种图表。
比如监控大屏：
- 顶部用折线图展示实时流量趋势
- 中间用柱状图对比各模块负载
- 右侧用饼图展示错误类型分布
- 底部用地图展示用户访问来源
你看，五种基础图表全用上了，但各司其职，互不干扰。
⚠️ 记住：图表是服务于数据的，不是反过来。别为了炫技选一个不合适的图表，那叫「画蛇添足」。
好了，这一章的内容就到这里。下一章我会带你手写一个折线图组件，从零开始，把今天讲的理论落地成代码。