mapchart 中文文档 下载 App

图例多列布局解决长图例问题

什么时候需要多列

默认单列布局下,每个图例分组占一行。分组多时图例变成一条细长的竖条,要么超出地图高度,要么被迫缩小字号变得难读。

Legend columns 选项提供三档:

选项每行显示适用场景
One column1 个分组/行≤ 6 个分组,或需要逐行阅读
Two columns2 个分组/行7-14 个分组的最常用选择
Three columns3 个分组/行≥ 15 个分组的极端情况

两列布局的效果

把图例从单列改成两列后,图例的总高度大致减半。比如 10 个分组:

地图主体上的可视空间变多了。

列之间的间距

多列布局下,两列图例之间会自动留出适当间距,色块对齐、文字底部对齐。不需要手动调整。

多列 vs 缩短说明文字

另一种减少图例长度的办法是把每个分组的说明文字缩短。比如把「2023 年 GDP 增速 5% 以上的省份」改成「高增长(>5%)」。两种方法可以结合使用:

不适合多列的情况

最佳实践

先试两列,看导出效果。如果列内文字被挤得太密、色块太小,换回单列然后优化说明文字长度。关键是导出后在不同尺寸下都能清晰可读——手机、平板、电脑屏幕各看一眼。