Vega-Lite堆叠条形图：根据text_val字段设置文本颜色异常排查

核心问题是聚合后无法访问原始的text_val字段：当对x和text字段使用sum聚合后，Vega-Lite会对数据进行分组聚合，原始的text_val字段默认不会被包含在聚合后的datum对象中，导致颜色条件判断datum.text_val == 1无法获取有效数值，顶部文本的黑色设置因此不生效。

要保留text_val用于颜色判断，需在文本标记的编码中添加detail字段，让聚合过程保留该字段。修改后的代码如下：

{
  "data": {
    "values": [
      {"category": "a", "xval": 1, "yval": "top", "text_val": 1},
      {"category": "b", "xval": 5, "yval": "top", "text_val": 1},
      {"category": "c", "xval": 8, "yval": "top", "text_val": 1},
      {"category": "a", "xval": 3, "yval": "bottom", "text_val": 2},
      {"category": "b", "xval": 1, "yval": "bottom", "text_val": 2},
      {"category": "c", "xval": 9, "yval": "bottom", "text_val": 2}
    ]
  },
  "encoding": {
    "y": {
      "title": null,
      "field": "yval",
      "sort": "descending"
    }
  },
  "layer": [
    {
      "mark": {
        "type": "bar",
        "tooltip": true
      },
      "encoding": {
        "x": {
          "title": null,
          "field": "xval",
          "type": "quantitative",
          "aggregate": "sum"
        },
        "color": {"field": "category"},
        "order": {"field": "category"}
      }
    },
    {
      "mark": {
        "type": "text",
        "tooltip": true,
        "fontSize": 100
      },
      "encoding": {
        "x": {
          "title": null,
          "field": "xval",
          "type": "quantitative",
          "aggregate": "sum",
          "stack": "zero",
          "bandPosition": 0.5
        },
        "text": {
          "title": null,
          "field": "xval",
          "type": "quantitative",
          "aggregate": "sum"
        },
        "color": {
          "condition": {
            "test": "datum.text_val == 1",
            "value": "black"
          },
          "value": "white"
        },
        "order": {"field": "category"},
        "detail": {"field": "text_val"} // 添加该行保留text_val字段
      }
    }
  ]
}

• 添加detail字段后，Vega-Lite执行sum聚合时，会将text_val作为分组依据的一部分（与yval、category共同作用），确保聚合后的每条数据都携带对应的text_val值。
• 此时颜色条件判断可正确读取datum.text_val，顶部文本（对应text_val=1）显示黑色，底部文本（对应text_val=2）显示白色，符合预期。

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