You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为Google Chart的y轴数值添加自定义后缀?

你的推测是正确的,相关配置确实写在vAxis属性下,只需新增format字段即可实现v轴数值后缀追加,具体配置如下:

var option = {
  vAxis: {
    format: '#°C'
  }
}

配置说明:

  • format字段为Google Charts内置的通用数值格式化配置,填写#°C后,所有自动生成的v轴刻度都会自动在数值后拼接°C后缀,无需手动枚举所有刻度值,适配绝大多数常规使用场景

如果你的场景需要自定义刻度数值、或者有特殊的格式化逻辑,可以用ticks属性手动定义所有刻度的实际值和展示文本,示例如下:

// 示例自定义v轴刻度为0、10、20、30、40,均添加℃后缀
var option = {
  vAxis: {
    ticks: [
      {v: 0, f: '0°C'},
      {v: 10, f: '10°C'},
      {v: 20, f: '20°C'},
      {v: 30, f: '30°C'},
      {v: 40, f: '40°C'}
    ]
  }
}
  • 上述ticks配置中,v对应数据统计用的实际数值,f对应页面上给用户展示的文本内容

内容的提问来源于stack exchange,提问作者andreasv

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.06 23:27:02