Deneb条形图：如何基于列值动态设置X轴格式？

问题背景 #

使用Deneb（基于Vega-Lite）制作条形图，数据源为Power BI的SWITCH度量值（数据类型可为百分比或整数），因SWITCH度量值导致Power BI自带格式设置失效，尝试通过包含格式字符串的Format_Verteilung列（值为.0%）动态配置X轴格式，但以下三种方法均无效：

• "axis":{"format":{"expr":"data('dataset')[0].Format_Verteilung"}}
• "axis":{"format":{"field":"Format_Verteilung"}}
• "axis":{"format":"datum.Format_Verteilung"}

附Y轴格式化示例代码：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "description": "A simple bar chart with embedded data.",
  "data": {
    "values": [
      {"a": "A", "b": 0.1, "myformat":".0%"}, {"a": "B", "b": 0.3, "myformat":".0%"}, {"a": "C", "b": 0.2, "myformat":".0%"},
      {"a": "D", "b": 0.1, "myformat":".0%"}, {"a": "E", "b": 0.4, "myformat":".0%"}, {"a": "F", "b": 0.9, "myformat":".0%"},
      {"a": "G", "b": 0.2, "myformat":".0%"}, {"a": "H", "b": 0.7, "myformat":".0%"}, {"a": "I", "b": 0.7, "myformat":".0%"}
    ]
  },
  "mark": "bar",
  "encoding": {
    "x": {"field": "a", "type": "nominal", "axis": {"labelAngle": 0}},
    "y": {"field": "b", "type": "quantitative","axis":{"format":{"field":"myformat"}}}
  }
}

解决方法 #

Vega-Lite的轴格式参数不支持直接通过field绑定字段值，但可以通过Vega表达式结合数据集引用实现动态格式配置，前提是Format_Verteilung列的所有值保持一致。

方法1：直接引用数据集首行格式值 #

修改X轴配置，使用expr直接提取数据集第一行的Format_Verteilung值：

"x": {
  "field": "你的X轴数值字段名",
  "type": "quantitative",
  "axis": {
    "format": {"expr": "data('dataset')[0].Format_Verteilung"}
  }
}

方法2：通过Transform提取格式值 #

如果方法1无效，可先通过transform提取全局格式值，再引用：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "data": {"name": "dataset"},
  "transform": [
    // 提取数据集首行的格式值作为全局变量
    {"window": [{"field": "Format_Verteilung", "as": "globalAxisFormat", "op": "first"}]}
  ],
  "mark": "bar",
  "encoding": {
    "x": {
      "field": "你的X轴数值字段名",
      "type": "quantitative",
      "axis": {
        "format": {"expr": "data('dataset')[0].globalAxisFormat"}
      }
    },
    "y": {"field": "你的Y轴分类字段名", "type": "nominal"}
  }
}

注意事项 #

1. 确保Format_Verteilung列已正确传入Deneb数据集，且值为有效的D3格式字符串（如.0%对应百分比显示，.0f对应整数显示）
2. X轴字段必须设置为quantitative类型，否则数值格式无法生效

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