vega-lite - 如何在 Vega Lite 中将图例底部居中对齐？

Question

在 Vega Lite 中，我试图将我的图例与这张图表的中间对齐。我需要图例的 anchor 参数，但我只能找到 titleAnchor。

Chart with Legend

"legend": {
        "title": "Signed NDA",
        "orient": "bottom",
        "titleAnchor": "middle"
      }

这就是我的传说现在的样子。有人知道怎么做吗？

Answer 1

这在 Vega 5.0 中实际上是可能的，legend layout property ，通过在图例的布局配置中将 anchor 属性设置为 "middle"。

Vega-Lite 似乎还没有直接支持提供 layout，但是可以将 layout 定义从 Vega-Lite 传播到 Vega。< br/>按照 Jake 的回答，在 Vega-Lite editor 中:

{
  "data": {"url": "data/cars.json"},
  "mark": "point",
  "encoding": {
    "x": {"field": "Horsepower", "type": "quantitative"},
    "y": {"field": "Miles_per_Gallon", "type": "quantitative"},
    "color": {"field": "Origin", "type": "nominal"}
  },
  "height": 300,
  "width": 400,
  
  "config": {
    "legend": {"orient": "bottom", "layout": {"bottom": {"anchor": "middle"}}}
  }
}

在最后指定 config 基本上可以让您自定义 orient "bottom" 的外观。