第 17 章

热力图与趋势图规范

行内归一着色、配色约定、切换控件形态。

热力图统一规范

四张热力图(流量热力、商品流量热力、结算热力、年度热力)都遵循同一套规则:

规则说明
行渠道 / 扣费类型
列月份
色深按行内最大值归一,不是全局最大值
0 值显示 -,不显示 0,也不着色
悬停显示金额或件数

为什么按行内归一

渠道之间的量级差异极大(有的渠道月均百万,有的只有几千)。按全局归一的话,小渠道整行都会趴成同一个浅色,看不出内部结构。按行归一才能看出「这个渠道自己哪个月最好」。

配色约定

语义颜色
扣费 / 负面金额红色调
中性金额蓝色调
遵循国内习惯:涨为红、跌为绿。

趋势图规范

图表默认类型可切换为
投放渠道趋势柱状折线
关键词趋势柱状折线
Top 渠道 / Top 关键词柱状折线

切换控件用横向按钮组:一次点击直达,当前选中态一目了然。下拉框要多一次点击,且收起后看不到当前状态。

空数据表现

某个维度完全没有数据时,图表区显示一行提示,不要画空坐标系 —— 空坐标系会让人误以为「数据是 0」。