用于多字段数据的Vega lite图例

我已将数据格式化为每x多个字段：

x1 f1 f2 f3
x2 f4 f5 f6
...

这样我就可以使用带有自定义格式的工具提示（显示单个x的所有值），并且可以自定义每个字段的标记

---

我想添加一个图例来显示颜色的含义，但我无法为多个字段自动生成一个图例。我曾考虑添加第二个数据集，其中包含字段和颜色的离散值（类似于），但显然不能向vega lite添加多个集合，而且我不知道如何移动到纯vega。这可能吗？

从多个列生成图例的最佳方法是使用a将它们折叠成一列，然后让编码为您处理图例。修改链接到的示例时，它可能会如下所示：（）：

请注意，我们已将两个temp_min/temp_max层替换为一个层，该层通过列名转换数据和编码颜色，并自动生成图例

{
  "data": {"url": "data/seattle-weather.csv", "format": {"type": "csv"}},
  "encoding": {
    "x": {"timeUnit": "yearmonthdate", "field": "date", "type": "temporal"},
    "tooltip": [
      {"timeUnit": "yearmonthdate", "field": "date", "type": "temporal"},
      {"field": "temp_max", "type": "quantitative"},
      {"field": "temp_min", "type": "quantitative"}
    ]
  },
  "layer": [
    {
      "transform": [
        {"fold": ["temp_min", "temp_max"], "as": ["measure", "temp"]}
      ],
      "mark": {"type": "line"},
      "encoding": {
        "y": {"field": "temp", "type": "quantitative"},
        "color": {"field": "measure", "type": "nominal"}
      }
    },
    {
      "mark": "rule",
      "selection": {
        "hover": {"type": "single", "on": "mouseover", "empty": "none"}
      },
      "encoding": {
        "color": {
          "condition": {"selection": {"not": "hover"}, "value": "transparent"}
        }
      }
    }
  ],
  "config": {"axisY": {"minExtent": 30}}
}