Vega Lite如何修改X轴标签，实现按label字段展示柱形标签

解决方案 #

你要实现的效果不需要额外配置图层或信号变量，仅修改X轴编码配置即可，核心逻辑是用id作为X轴分类维度保证柱子独立拆分，再把label字段配置为轴显示标签：

1. X轴的field保持使用id，type指定为ordinal分类类型，确保每个id对应独立柱子，不会因为label重复被合并
2. 在X轴的axis配置项中添加labelExpr属性，取值设为datum.label，即可让每个id对应的轴位置显示对应label字段的内容
3. 可根据需要修改X轴title属性自定义轴标题

核心配置示例

"encoding": {
  "x": {
    "field": "id",
    "type": "ordinal",
    "axis": {
      "labelExpr": "datum.label",
      "title": "操作步骤"
    }
  },
  // 你的y轴、颜色等其余配置保持原有逻辑即可
  "y": {
    "field": "value",
    "type": "quantitative"
  },
  "color": {
    "field": "result",
    "type": "nominal"
  }
}

该方案生效的原因是：X轴的分类基准是唯一的id字段，就算不同id的label值完全相同，也会生成独立的柱子，labelExpr会读取每个id对应数据行的label值作为标签，完全满足你的需求。

内容的提问来源于stack exchange，提问作者Ivo Hajduček