如何在Vega-Lite多度量分组条形图中自定义RGB颜色？

完全可行。你可以通过配置颜色编码的scale.range属性，直接传入自定义的RGB颜色字符串数组来替换默认的蓝橙配色。

针对你提到的分组重复条形图示例，只需在颜色编码部分添加scale配置，指定自定义RGB值即可。以下是修改后的核心配置示例：

{
  "mark": "bar",
  "encoding": {
    "x": {"field": "Product", "type": "ordinal"},
    "y": {"field": "Sales", "type": "quantitative"},
    "color": {
      "field": "Region",
      "type": "nominal",
      "scale": {
        "range": ["rgb(0, 150, 136)", "rgb(233, 30, 99)"] // 自定义RGB颜色
      }
    },
    "column": {"field": "Year", "type": "ordinal"}
  },
  "data": {...} // 原示例数据部分保持不变
}

关键说明： #

• scale.range数组中的颜色顺序，会对应数据中分类字段的取值顺序（比如第一个RGB值对应"East"，第二个对应"West"，具体取决于你的数据内容）。
• RGB值采用rgb(r,g,b)格式，其中r/g/b的取值范围为0-255；你也可以用十六进制颜色码（如#009688）替代，效果完全一致。

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