如何在 Vega Lite 中重命名图例标签？

Question

最近几天我一直在尝试重命名我的 vega-lite 图表上的图例标签。

通常，这些标签与其各自的数据字段名称匹配。我有一个案例，我想给它们一个更具描述性的名称，但不重命名原始数据名称。

一个简化的例子：

vl.markLine()
  .data([
    { t:1, v:5, c:'a' }, { t:2, v:3, c:'a' }, { t:3, v:7, c:'a' },
    { t:1, v:6, c:'b' }, { t:2, v:8, c:'b' }, { t:3, v:2, c:'b' }
   ])
  .encode(
    vl.x().fieldQ('t'),
    vl.y().fieldQ('v'),
    vl.color().fieldN('c')
  )
  .render()

如何在不更改原始数据的情况下重命名图例中的“a”和“b”？

（我正在使用 javascript API，但也会对 JSON 解决方案感到满意）。

我想找到一种不只是为了图例标签而将所有数据复制和映射到另一个变量名称的方法。

我还没有找到一种手动输入图例标签的方法，例如“标签”：['a 的长名称'，'b 的长名称']。

Answer 1

对此有两种可能的方法。您可以使用计算转换来修改数据流中的值（在编辑器中打开）：

{
  "data": {
    "values": [
      {"t": 1, "v": 5, "c": "a"},
      {"t": 2, "v": 3, "c": "a"},
      {"t": 3, "v": 7, "c": "a"},
      {"t": 1, "v": 6, "c": "b"},
      {"t": 2, "v": 8, "c": "b"},
      {"t": 3, "v": 2, "c": "b"}
    ]
  },
  "transform": [
    {"calculate": "{'a': 'Label A', 'b': 'Label B'}[datum.c]", "as": "c"}
  ],
  "mark": "line",
  "encoding": {
    "x": {"field": "t", "type": "quantitative"},
    "y": {"field": "v", "type": "quantitative"},
    "color": {"field": "c", "type": "nominal"}
  }
}

或者您可以使用 alabelExpr定义新标签，将原始标签引用为datum.label（在编辑器中打开）：

{
  "data": {
    "values": [
      {"t": 1, "v": 5, "c": "a"},
      {"t": 2, "v": 3, "c": "a"},
      {"t": 3, "v": 7, "c": "a"},
      {"t": 1, "v": 6, "c": "b"},
      {"t": 2, "v": 8, "c": "b"},
      {"t": 3, "v": 2, "c": "b"}
    ]
  },
  "mark": "line",
  "encoding": {
    "x": {"field": "t", "type": "quantitative"},
    "y": {"field": "v", "type": "quantitative"},
    "color": {
      "field": "c",
      "type": "nominal",
      "legend": {"labelExpr": "{'a': 'Label A', 'b': 'Label B'}[datum.label]"}
    }
  }
}

前一种方法的好处是它改变了所有地方的值（包括在，例如工具提示）。后一种方法的好处是效率更高，因为它只对每个唯一标签进行一次转换。