如何在Vega-Lite中减少X轴标签数量并控制刻度步长？

要手动控制定量X轴的刻度步长、减少标签数量，你可以通过以下两种方式实现：

方法1：直接指定刻度步长 #

在X轴的axis配置中添加tickStep参数，设置你想要的步长值。比如希望步长改为1000，修改后的X轴配置如下：

x: {
  field: 'b', // 注意：你的数据字段是'value'，这里可能需要调整为'value'
  type: 'quantitative',
  axis: {
    labels: true,
    labelAngle: 0,
    labelFontSize: 10,
    labelColor: '#94A3B8',
    ticks: false,
    domain: false,
    gridColor: "#E2E8F0",
    labelPadding: 10,
    tickStep: 1000 // 新增：设置刻度步长为1000
  },
  scale: {
    paddingInner: 0.2,
    paddingOuter: 0.1
  },
  sort: { field: 'c' }
}

方法2：手动定义所有刻度值 #

如果需要完全自定义显示的刻度（比如非均匀步长），可以使用axis.values参数，传入一个包含所有刻度值的数组：

x: {
  field: 'b',
  type: 'quantitative',
  axis: {
    labels: true,
    labelAngle: 0,
    labelFontSize: 10,
    labelColor: '#94A3B8',
    ticks: false,
    domain: false,
    gridColor: "#E2E8F0",
    labelPadding: 10,
    values: [0, 2000, 4000, 6000] // 新增：手动指定要显示的刻度
  },
  scale: {
    paddingInner: 0.2,
    paddingOuter: 0.1
  },
  sort: { field: 'c' }
}

额外注意 #

你的配置中X轴绑定的字段是b，但提供的数据里对应的数值字段是value，如果这是笔误，需要将field的值改为value才能正确映射数据。

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