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

Ron*_*eel 4 vega-lite

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

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

jak*_*vdp 7

如果要确保最低点不与轴重叠,一种方法是使用 axis"offset"属性,该属性允许您指定 y 轴的水平偏移(以像素为单位)。例如(在编辑器中打开):

{
  "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}}
  }
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述