热力图与趋势图规范
行内归一着色、配色约定、切换控件形态。
热力图统一规范
四张热力图(流量热力、商品流量热力、结算热力、年度热力)都遵循同一套规则:
| 规则 | 说明 |
|---|---|
| 行 | 渠道 / 扣费类型 |
| 列 | 月份 |
| 色深 | 按行内最大值归一,不是全局最大值 |
| 0 值 | 显示 -,不显示 0,也不着色 |
| 悬停 | 显示金额或件数 |
为什么按行内归一
渠道之间的量级差异极大(有的渠道月均百万,有的只有几千)。按全局归一的话,小渠道整行都会趴成同一个浅色,看不出内部结构。按行归一才能看出「这个渠道自己哪个月最好」。
配色约定
| 语义 | 颜色 |
|---|---|
| 扣费 / 负面金额 | 红色调 |
| 中性金额 | 蓝色调 |
遵循国内习惯:涨为红、跌为绿。
趋势图规范
| 图表 | 默认类型 | 可切换为 |
|---|---|---|
| 投放渠道趋势 | 柱状 | 折线 |
| 关键词趋势 | 柱状 | 折线 |
| Top 渠道 / Top 关键词 | 柱状 | 折线 |
切换控件用横向按钮组:一次点击直达,当前选中态一目了然。下拉框要多一次点击,且收起后看不到当前状态。
空数据表现
某个维度完全没有数据时,图表区显示一行提示,不要画空坐标系 —— 空坐标系会让人误以为「数据是 0」。