Vega-Lite多度量重复层堆叠柱状图添加百分比标签报错求助

核心问题是Vega-Lite的文本标记field不支持{"repeat": "layer"}这种引用方式，换用折叠（fold）转换替代重复层配置就能解决，具体步骤如下：

• 第一步：用fold转换把多度量（比如sales、qty）转换成键值对格式，生成metric（度量名称）和value（对应数值）两个字段，让所有度量能统一处理。
• 第二步：通过joinaggregate按类别和度量分组计算每个分组的总和，再用calculate生成百分比字段。
• 第三步：用layer分别配置柱状图层和文本标签层，通过metric字段区分不同度量的系列，实现堆叠效果。

以下是完整示例代码：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "data": {"url": "your-data-source.json"}, // 替换成你的数据源
  "transform": [
    {
      "fold": ["sales", "qty"], // 列出所有需要处理的度量字段
      "as": ["metric", "value"]
    },
    {
      "joinaggregate": [{"op": "sum", "field": "value", "as": "total"}],
      "groupby": ["category", "metric"] // 按类别+度量分组计算总和
    },
    {
      "calculate": "datum.value / datum.total",
      "as": "percentage"
    },
    {
      "calculate": "format(datum.percentage, '.0%')",
      "as": "percentText"
    }
  ],
  "facet": {"row": {"field": "metric"}}, // 可选：将不同度量拆分为子图，不需要则删除该配置
  "spec": {
    "mark": {"type": "bar", "tooltip": true},
    "encoding": {
      "x": {"field": "category", "type": "nominal"},
      "y": {
        "field": "value",
        "type": "quantitative",
        "stack": "normalize" // 启用归一化堆叠
      },
      "color": {"field": "subcategory", "type": "nominal"}, // 堆叠分组字段
      "opacity": {"field": "metric", "type": "nominal", "scale": {"range": [0.8, 0.5]}} // 区分不同度量的柱子
    },
    "layer": [
      {}, // 柱状图层
      {
        "mark": {"type": "text", "align": "center", "baseline": "middle"},
        "encoding": {
          "y": {"field": "value", "type": "quantitative", "stack": "normalize"},
          "text": {"field": "percentText", "type": "nominal"},
          "color": {"value": "black"}
        }
      }
    ]
  }
}

关键说明： #

• 若不需要分面子图，直接删除facet配置，把metric加入color或opacity编码，即可在同一图表中堆叠不同度量的系列。
• 相比你之前尝试的生成totalSales、totalQty这类独立总和字段的方式，fold转换能统一处理任意数量的度量，既避免重复配置，也解决了repeat层无法在文本标签中引用字段的问题。
• 文本标签的y编码同样设置stack: "normalize"，确保标签精准对应到堆叠段的中间位置。

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