条形中间带有类别文本的堆叠 Vega Lite 图表

Question

我想在 vega lite 规格中将类别标签放在我的条形图的中心。 我希望它看起来像这样：

Answer 1

您可以将stack变换与计算起点和终点之间中点的calculate变换结合使用，以计算 label 位置。

这是一个示例（或在此处查看 vega lite 编辑器）

请注意，仅需要aggregate转换，因为使用此数据集，每年只有一行。

{
  "data": {"url": "data/barley.json"},
  "width": 1000,
  "transform": [
     {
      "aggregate": [{
       "op": "sum",
       "field": "yield",
       "as": "yield"
      }],
      "groupby": ["site", "variety"]
    },
     {
        "stack": "yield",
        "groupby": ["variety"],
        "sort": [{"field": "site", "order": "descending"}]
      },
      {
        "calculate": "(datum.yield_start +datum.yield_end)/2",
        "as": "sum_yield_mid"
      }
  ],
  "layer": [
    {
      "mark": {"type": "bar"},
      "encoding": {
        "x": {"type": "nominal", "field": "variety"},
        "y": {"type": "quantitative", "field": "yield_start"},
        "y2": {"type": "quantitative", "field": "yield_end"},
        "color": {"type": "nominal", "field": "site"}
      }
    },
    {
      "mark": {"type": "text", "color": "black"},
      "encoding": {
        "y": {"field": "sum_yield_mid", "type": "quantitative"},
        "text": {"field": "site"},
        "x": {"type": "nominal", "field": "variety"}
      }
    }
  ]
}