4. 可视化组件选型：图表类型选择指南
做实时看板，最怕什么？最怕图表好看但没用。我见过太多看板，堆了一堆炫酷的3D饼图，结果业务方盯着看了三分钟，问了一句：“所以呢？我现在该干嘛？”
说白了，图表选型不是美学问题，是信息传递效率问题。每种图表都有自己的“舒适区”，用错了地方，再漂亮的图也是噪音。
4.1 基础图表：什么时候用，什么时候别用
折线图：趋势的天然载体
折线图的核心价值是展示连续变化。时间序列数据，比如每秒的QPS、每分钟的订单量、每天的DAU，这些天然适合折线图。
什么时候别用折线图？数据点太少（少于5个），或者数据是离散分类（比如不同省份的销售额）。强行用折线图连接离散点，会给人“中间有变化”的错觉。
柱状图：对比的利器
柱状图擅长做横向对比。不同部门的KPI完成率、各渠道的转化率、各时段的访问量——柱状图一目了然。
我个人习惯把柱状图分成两类：
- 分组柱状图：对比多个维度下的子项，比如“各季度各产品线收入”
- 堆叠柱状图：展示整体与部分的关系，比如“各渠道流量占比及总量变化”
饼图：争议最大的图表
饼图被很多人骂，但我觉得它不是不能用，是用的场景太窄。饼图只适合展示部分与整体的比例关系，而且分类数不能超过5个。
什么时候用饼图？比如“当前服务器集群的CPU使用率分布：空闲20%、低负载30%、高负载50%”——三个分类，一眼就能看出“高负载占了一半”。
什么时候别用？分类超过5个，或者数值差异不大（比如48% vs 52%），饼图就变成了“猜大小”游戏。你想想看，两个扇区角度差不多，肉眼根本分不清谁大谁小。
热力图：发现隐藏的模式
热力图是我个人非常喜欢的一种图表。它用颜色深浅表示数值大小，特别适合展示二维矩阵数据。
典型场景：
- 一周7天×24小时的服务器负载变化
- 不同用户群体在不同功能模块上的点击率
- 各区域各产品的销售热度
热力图的价值在于“一眼扫过去就能发现异常”。比如整个热力图大部分是浅色，突然出现一个深色格子——那大概率是异常点，值得深挖。
4.2 仪表盘组件：让数据“说话”
图表是展示趋势和对比的，但仪表盘组件是驱动行动的。业务方看仪表盘，不是为了欣赏图表，而是为了回答三个问题：
- 现在怎么样？（当前值）
- 和目标比怎么样？（差距）
- 该不该报警？（异常）
数字卡片：最直接的“现在值”
数字卡片就是那个“大数字”。它不需要任何解释，看一眼就知道当前值是多少。
设计数字卡片时，我建议遵循“3秒原则”：
- 数字要足够大，占卡片面积的60%以上
- 单位要清晰，放在数字旁边或下方
- 对比值要显眼，比如“较昨日+5%”用绿色，“较昨日-3%”用红色
进度条：目标差距可视化
进度条的核心是完成度。KPI完成率、预算使用率、任务完成进度——这些场景进度条比数字更直观。
设计进度条时要注意：
- 进度条的颜色要随完成度变化：低于30%用红色，30%-80%用黄色，超过80%用绿色
- 目标值要明确标注，比如“目标：100万”
- 如果进度超过100%，建议用特殊样式（比如闪烁或加粗）提醒用户
排行榜：谁在前，谁在后
排行榜适合展示排名和竞争。销售业绩排名、部门效率排名、错误率排名——排行榜天然带有“比较”的属性。
设计排行榜时，我习惯：
- 只显示前10名或后10名，太多就失去了“榜”的意义
- 前三名用特殊颜色（金/银/铜）突出
- 排名变化用箭头表示（↑↓），让用户知道谁在上升谁在下降
4.3 地图与地理信息可视化
当数据带有地理位置属性时，地图是最好的载体。比如用户分布、门店覆盖、物流路径。
地图可视化的三种常见形式：
| 类型 | 适用场景 | 数据要求 |
|---|---|---|
| 散点地图 | 展示离散位置的事件密度 | 经纬度坐标 |
| 热力地图 | 展示区域内的聚集程度 | 经纬度+权重值 |
| 区域着色地图 | 展示行政区域的指标值 | 区域编码+数值 |
做地图可视化时，有个容易忽略的点：地图的投影方式。不同投影方式下，面积和距离的变形程度不同。比如墨卡托投影在高纬度地区面积会被放大，如果展示的是“用户密度”，可能会误导用户认为高纬度地区用户更多。
4.4 选型决策框架：一张图搞定
说了这么多，你可能觉得有点乱。别急，我整理了一张决策流程图，帮你快速判断该用哪种图表。
这张图的核心逻辑很简单：先问自己“我想展示什么”，然后顺着分支往下走。趋势用折线，对比用柱状，比例用饼图，分布用热力图，有地理位置就上地图。
嗯，到这里，图表选型的基本框架你应该已经清楚了。记住一个原则：图表是信息的仆人，不是主人。选图的时候，多想想“业务方看了这个图，能做什么决策？”——想明白了，选型就不会错。