VegaLite树状图绘制：如何按值映射字典替换坐标轴标签

解决方案 #

这个需求完全可以在Vega-Lite中实现，有两种常用方案可选：

方案1：直接通过axis.labelExpr自定义标签（无需修改原始字段）

直接在对应坐标轴的配置项中添加labelExpr属性，用Vega表达式实现数值到标签的映射，适合映射规则简单、不需要调整字段类型的场景：

{
  "encoding": {
    // 对应你的点ID所在的坐标轴，x或y
    "x": {
      "field": "point_id", // 替换为你自己的点ID字段名
      "type": "quantitative", // 保留你原本的字段类型即可
      "axis": {
        // 直接把你的映射字典写在表达式中，找不到匹配的会保留原始数值显示
        "labelExpr": "{'1':'point10', '2':'pointXX', '30':'point5'}[toString(datum.label)] ?? datum.label"
      }
    }
  }
}

方案2：通过transform.calculate预生成标签字段（更适合序数类型坐标轴）

如果你的坐标轴是序数类型，担心标签顺序错乱，可以先通过转换生成专属的标签字段，同时绑定原始ID的排序规则：

{
  "transform": [
    {
      // 生成自定义标签字段
      "calculate": "{'1':'point10', '2':'pointXX', '30':'point5'}[toString(datum.point_id)] ?? datum.point_id",
      "as": "custom_axis_label"
    }
  ],
  "encoding": {
    "x": {
      "field": "custom_axis_label", // 绑定新生成的标签字段
      "type": "ordinal",
      // 关键：用原始点ID的数值排序，保证标签顺序和原来1-40的顺序完全一致
      "sort": {"field": "point_id"}
    }
  }
}

你当前的树状图参考：

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