如何将图例添加到此Vega可视化中

Question

我试图弄清楚如何在示例vega可视化here中添加图例。如何做到这一点的任何例子将不胜感激。最好是交互式的，并在可视化上突出显示或显示数据，但即使是简单的图例也将是一个很大的改进。

谢谢

Answer 1

在此Vega Donut Chart Demo中使用legends作为简单的起点：

Here's the same example Vega sandbox和我的legends代码从下面添加到marks部分之后。

这是我使用的图例代码：

  "legends": [
    {
      "fill": "color",
      "title": "This is the Title",
      "orient": "top-left",
      "encode": {
        "symbols": {"enter": {"fillOpacity": {"value": 0.5}}},
        "labels": {"update": {"text": {"field": "value"}}}
      }
    }
  ]

这应该对您来说是一个有用的示例起点。 legends的其他属性可以是found here.