图例多列布局解决长图例问题
什么时候需要多列
默认单列布局下,每个图例分组占一行。分组多时图例变成一条细长的竖条,要么超出地图高度,要么被迫缩小字号变得难读。
Legend columns 选项提供三档:
| 选项 | 每行显示 | 适用场景 |
|---|---|---|
| One column | 1 个分组/行 | ≤ 6 个分组,或需要逐行阅读 |
| Two columns | 2 个分组/行 | 7-14 个分组的最常用选择 |
| Three columns | 3 个分组/行 | ≥ 15 个分组的极端情况 |
两列布局的效果
把图例从单列改成两列后,图例的总高度大致减半。比如 10 个分组:
- 单列:10 行,假设每行 20px → 图例高 200px
- 两列:5 行 × 2 列 → 图例高 100px
地图主体上的可视空间变多了。
列之间的间距
多列布局下,两列图例之间会自动留出适当间距,色块对齐、文字底部对齐。不需要手动调整。
多列 vs 缩短说明文字
另一种减少图例长度的办法是把每个分组的说明文字缩短。比如把「2023 年 GDP 增速 5% 以上的省份」改成「高增长(>5%)」。两种方法可以结合使用:
- 先把说明文字精简到 6-10 字
- 如果还是太长,换成两列布局
不适合多列的情况
- 分组颜色相近,需要读者仔细左右对比——单列时同色不会被其他颜色插入打断
- 分组有层级关系(比如从低到高的连续数值区间)——单列上下排列能更直观地体现递增递减
- 图例文字特别长——两列会让文字挤在一起,可读性变差
最佳实践
先试两列,看导出效果。如果列内文字被挤得太密、色块太小,换回单列然后优化说明文字长度。关键是导出后在不同尺寸下都能清晰可读——手机、平板、电脑屏幕各看一眼。