如何在VegaLite中实现最高值的完整间隔刻度网格？

要让Y轴最大值对应的网格线显示，你可以通过以下两种方式配置Vega-Lite：

方法1：关闭自动优化并强制使用自定义值域 #

当你手动设置Y轴最大值时，关闭scale的nice选项，让刻度严格贴合你设置的值域范围：

{
  "mark": "line",
  "encoding": {
    "y": {
      "field": "value",
      "type": "quantitative",
      "scale": {
        "domain": [0, 110], // 明确设置值域包含最大值
        "nice": false       // 关闭自动优化，避免刻度被调整到"规整"数值
      },
      "axis": {
        "grid": true        // 确保网格线开启
      }
    }
  }
}

方法2：动态生成包含最大值的刻度数组 #

如果最大值是从数据中自动获取的，用表达式生成精准的刻度序列，确保包含最大值：

{
  "mark": "line",
  "encoding": {
    "y": {
      "field": "value",
      "type": "quantitative",
      "scale": {
        "domain": {"expr": "[0, max(data('source_0').value)]"} // 动态获取数据最大值
      },
      "axis": {
        "grid": true,
        "ticks": {"expr": "sequence(0, max(data('source_0').value) + 1, 20)"} // 按间隔生成刻度，包含最大值
      }
    }
  }
}

注：sequence(start, stop, step)中的step替换为你需要的刻度间隔，stop设置为最大值+1是为了确保最大值被包含在序列中。

关键原理 #

默认情况下，Vega-Lite的nice选项会自动调整值域到最接近的"规整"数值（比如把110调整到120），关闭该选项后，刻度会严格遵循你设置的值域范围，从而让最大值对应的网格线显示出来。

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