如何在Vega-Lite中显示无对应数据的Y轴标称标签

我有一个用point标记的简单图表，部分Y轴标称类别没有对应数据，但为了一致性，希望在图表中显示所有类别标签。

简化示例代码 #

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "description": "Bar chart with text labels. Set domain to make the frame cover the labels.",
  "data": {
    "values": [
      {"a": "A", "b": null},
      {"a": "B", "b": 55},
      {"a": "C", "b": 43},
      {"a": "D", "b": null},
      {"a": "E", "b": 20}
    ]
  },
  "encoding": {
    "y": {"field": "a", "type": "nominal"},
    "x": {"field": "b", "type": "quantitative"}
  },
  "layer": [{
    "mark": "point"
  }]
}

当前生成的图表会隐藏无数据的Y轴类别，我现在的做法是把null值设为0，再添加透明度条件来隐藏这些点：

"opacity": {
   "condition":{"test": "datum['b'] == 0", "value": 0}, "value": 1
}

但这个方法不够优雅，尤其是实际场景里涉及日期类型而非数值类型，想找更好的实现方式。

优雅解决方案：显式指定轴定义域 #

不需要修改原始数据，直接在对应轴的编码配置中通过domain参数显式列出所有需要显示的类别/日期范围，就能强制显示全部轴标签：

针对标称Y轴的修改代码 #

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "description": "Point chart showing all nominal Y-axis categories even without data.",
  "data": {
    "values": [
      {"a": "A", "b": null},
      {"a": "B", "b": 55},
      {"a": "C", "b": 43},
      {"a": "D", "b": null},
      {"a": "E", "b": 20}
    ]
  },
  "encoding": {
    "y": {
      "field": "a",
      "type": "nominal",
      "domain": ["A", "B", "C", "D", "E"] // 显式指定所有需要显示的类别
    },
    "x": {"field": "b", "type": "quantitative"}
  },
  "layer": [{
    "mark": "point"
  }]
}

针对日期类型场景的扩展 #

如果是日期类型的轴，同样可以通过domain指定完整的日期范围或具体日期值，示例如下：

"x": {
  "field": "date",
  "type": "temporal",
  "domain": ["2024-01-01", "2024-01-05"] // 显式指定需要覆盖的日期范围
}

这种方法无需篡改原始数据，直接通过轴配置实现需求，逻辑清晰且适配各类数据类型。

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