Vega-Lite分面可视化问题：所有分面行数固定，与实际数据不匹配

Vega-Lite的默认facet会基于全局数据集预计算网格布局，导致所有分面强制共享相同的行/列数量，这就是你遇到空行的原因。要实现每个分面行数独立且X轴刻度分离，需要放弃全局分面，改为为每个类别单独构建子图表再组合，以下是两种可行方案：

方案1：手动concat独立子图表（适合类别较少的场景） #

为每个类别单独创建包含行分面的子图表，用concat横向拼接，每个子图表仅过滤当前类别的数据，行数由自身数据的度量数量决定：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "data": {"name": "source"},
  "concat": [
    {
      "title": "类别A",
      "facet": {"row": {"field": "度量", "type": "nominal"}},
      "spec": {
        "mark": "bar",
        "encoding": {
          "x": {"field": "值", "type": "quantitative", "scale": {"zero": true}},
          "y": {"field": "子类别", "type": "nominal"}
        },
        "transform": [{"filter": {"field": "类别", "equal": "A"}}]
      }
    },
    {
      "title": "类别B",
      "facet": {"row": {"field": "度量", "type": "nominal"}},
      "spec": {
        "mark": "bar",
        "encoding": {
          "x": {"field": "值", "type": "quantitative", "scale": {"zero": true}},
          "y": {"field": "子类别", "type": "nominal"}
        },
        "transform": [{"filter": {"field": "类别", "equal": "B"}}]
      }
    }
  ],
  "resolve": {"scale": {"x": "independent"}}
}

• 关键配置：resolve: {"scale": {"x": "independent"}}确保每个子图表的X轴刻度完全独立，互不影响。
• 每个子图表的行分面仅基于过滤后的数据生成，不会出现空行。

方案2：用repeat批量生成子图表（适合类别较多的场景） #

如果类别数量多，用repeat自动生成每个类别的子图表，结合表达式动态过滤数据，避免重复代码：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "data": {"name": "source"},
  "repeat": {"column": ["A", "B", "C"]}, // 替换为你的所有类别
  "spec": {
    "title": {"text": {"expr": "repeat('column')"}},
    "facet": {"row": {"field": "度量", "type": "nominal"}},
    "spec": {
      "mark": "bar",
      "encoding": {
        "x": {"field": "值", "type": "quantitative", "scale": {"zero": true}},
        "y": {"field": "子类别", "type": "nominal"}
      },
      "transform": [{"filter": {"field": "类别", "equal": {"expr": "repeat('column')"}}}]
    }
  },
  "resolve": {"scale": {"x": "independent"}}
}

• 用repeat('column')动态获取当前分面的类别值，实现数据过滤的自动化。
• 同样通过resolve配置确保X轴刻度独立。

额外调整建议 #

• 如果不同类别下的子类别需要统一显示，可以将resolve中的y设置为shared；若子类别随类别变化，保持y: "independent"即可。
• 若需要调整子图表之间的间距，可在concat或repeat中添加spacing参数控制。

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