如何将Vega-Lite中Column facet的标题对齐到底部？

针对你遇到的列facet标题因子图高度差异无法对齐到底部的问题，提供两种解决方式：

方式1：统一子图高度（简单直接） #

如果允许所有子图使用相同高度，在spec中添加固定高度的view配置：

"view": {
  "continuousHeight": 250 // 可根据需求调整高度数值
}

所有子图高度一致后，底部的facet标题会自然对齐。

方式2：保留子图独立高度，对齐标题 #

若需要保留子图各自的高度，同时让标题对齐到底部，需调整facet的header和layout配置：

"facet": {
  "column": {
    "field": "你的分面字段名",
    "header": {
      "orient": "bottom",
      "labelBaseline": "bottom",
      "titleBaseline": "bottom",
      "labelAlign": "center"
    }
  },
  "layout": {
    "facet": {
      "align": "all"
    }
  },
  "resolve": {
    "scale": { "y": "independent" }
  }
}

• labelBaseline: "bottom"：确保标题文本的基线对齐到底部位置
• layout.facet.align: "all"：让所有facet的标题容器在同一水平线上对齐
• resolve.scale.y: "independent"：保留子图独立的y轴范围，不影响数据的完整显示

修改后，列facet的标题会统一对齐到布局的底部水平线，同时子图可保持各自高度适配数据。

内容的提问来源于stack exchange，提问作者aborruso