如何实现Power BI Vega-Lite图表Tooltip随myformat字段动态格式化？

要让Tooltip使用myformat字段的动态格式，只需自定义Tooltip内容，在其中通过formatExpr调用format函数，结合当前数据行的myformat字段对数值进行格式化即可。

修改后的完整配置代码 #

{
  "$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": {
    "type": "bar",
    "tooltip": [
      {"field": "a", "type": "nominal", "title": "类别"},
      {"field": "b", "type": "quantitative", "title": "数值", "formatExpr": "format(datum.b, datum.myformat)"}
    ]
  },
  "encoding": {
    "x": {"field": "a", "type": "nominal", "axis": {"labelAngle": 0}},
    "y": {
      "field": "b",
      "type": "quantitative",
      "axis": {"labelExpr": "format(datum.label,data('source_0')[0]['myformat'])"}
    }
  }
}

关键改动说明 #

• 替换原mark中tooltip: true的默认配置，改为自定义Tooltip数组，明确指定每个显示项
• 在数值项中通过formatExpr: "format(datum.b, datum.myformat)"实现动态格式化：
  • datum.b 是当前数据行的原始数值
  • datum.myformat 是当前数据行对应的格式字符串
  • format函数会按照指定格式对数值进行转换，确保Tooltip显示格式与轴标签完全一致

扩展说明 #

如果后续myformat字段随用户选择动态变化（比如不同行格式不同），这个方案依然有效，因为它基于每一行的myformat字段单独处理，无需修改配置结构。

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