如何在Vega-Lite中让面积与折线标记共享同一比例尺定义域？

我用Vega-Lite构建带误差区域的折线图时，之前靠手动设置scaleDomain参数统一折线和面积标记的比例尺定义域，数据变更得手动更新，很麻烦；不统一的话面积图和折线还对不上。想了两个方案：共享比例尺、手动计算定义域，但不会实现第一个，试过transform聚合但汇总整个数据集没达到效果。

共享比例尺的实现方法 #

Vega-Lite的图层默认会共享比例尺，除非你给单个图层单独指定了scale配置。解决步骤如下：

1. 移除折线、面积标记各自编码中单独设置的scale项
2. 在图表顶层的encoding里定义y轴的比例尺，让所有图层共用这个比例尺

示例代码：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "data": {"url": "your-data-source"},
  // 顶层定义y轴比例尺，所有图层共享
  "encoding": {
    "x": {"field": "x_field", "type": "quantitative"},
    "y": {"type": "quantitative", "scale": {"domain": {"param": "scaleDomain"}}}
  },
  "layer": [
    // 误差区域面积层
    {
      "mark": {"type": "area", "opacity": 0.3},
      "encoding": {
        "y": {"field": "y_min", "type": "quantitative"},
        "y2": {"field": "y_max", "type": "quantitative"}
      }
    },
    // 均值折线层
    {
      "mark": "line",
      "encoding": {
        "y": {"field": "y_mean", "type": "quantitative"}
      }
    }
  ],
  "params": [{"name": "scaleDomain", "value": [0, 100]}]
}

如果不想手动设置scaleDomain的初始值，可以用信号自动计算所有相关字段的范围，替代手动定义域：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "data": {"url": "your-data-source"},
  "signals": [
    // 计算所有y相关字段的最小值
    {
      "name": "yMin",
      "update": "data('source_0').reduce((min, d) => Math.min(min, d.y_min, d.y_mean), Infinity)"
    },
    // 计算所有y相关字段的最大值
    {
      "name": "yMax",
      "update": "data('source_0').reduce((max, d) => Math.max(max, d.y_max, d.y_mean), -Infinity)"
    }
  ],
  "encoding": {
    "x": {"field": "x_field", "type": "quantitative"},
    "y": {"type": "quantitative", "scale": {"domain": {"signal": "[yMin, yMax]"}}}
  },
  "layer": [
    {
      "mark": {"type": "area", "opacity": 0.3},
      "encoding": {"y": {"field": "y_min"}, "y2": {"field": "y_max"}}
    },
    {"mark": "line", "encoding": {"y": {"field": "y_mean"}}}
  ]
}

关键说明 #

• 之前用transform聚合整个数据集的思路不对，因为我们不需要聚合数据，只需要让比例尺覆盖y_mean、y_min、y_max三个字段的全部范围即可
• 顶层定义的比例尺会自动应用到所有图层，确保折线和面积图的轴范围完全一致，数据更新时也会自动适配

内容的提问来源于stack exchange，提问作者Connor