Как я могу добавить легенду к этой визуализации Vega

Question

Я пытаюсь выяснить, как добавить легенду к образцу vega для визуализации здесь . Любой пример того, как это сделать, будет оценен. Предпочтительно, чтобы он был интерактивным и выделял или отображал данные на визуализации, но даже простая легенда была бы большим улучшением.

Спасибо

Answer 1

Для простой начальной точки, используя legends в этом Демонстрации Vega Donut Chart :

Вот тот же пример песочницы Vega с моим кодом 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 могут быть найдены здесь .