将轴填充/内边距添加到 Vega-Lite 图表

Posted 2023-02-16

【中文标题】将轴填充/内边距添加到 Vega-Lite 图表

【英文标题】：Adding Axis padding/inner margin to Vega-Lite chart

【发布时间】：2021-05-05 17:46:16

【问题描述】：

我创建了一个 vega-lite 散点图。此图表的数据将始终为正数，但通常为零。在此应用程序中，如果 x 或 y 为零的点不与轴的线重叠，对用户很有帮助

直接的解决方案是尝试手动调整域和范围，使其在 0 之前和最大值之后开始。但是，我想知道是否有办法在配置中执行此操作。我已经阅读了文档，但据我所知和能力，我还没有找到这样的解决方案。

【参考方案1】：

如果要确保最低点不与轴重叠，一种方法是使用轴"offset" 属性，它允许您指定y 轴的水平偏移（以像素为单位）。例如（open in editor）：

  "data": 
    "values": [
      "x": 0, "y": 2,
      "x": 1, "y": 4,
      "x": 2, "y": 3,
      "x": 3, "y": 5,
      "x": 4, "y": 4
    ]
  ,
  "mark": "point",
  "encoding": 
    "x": "field": "x", "type": "quantitative",
    "y": "field": "y", "type": "quantitative", "axis": "offset": 20